根据地址获取经纬度

参考:http://www.it165.net/pro/html/201407/17289.html


  <div style='width: 500px; height: 100px; border: 1px solid; float: left;'>
            <span >地址:</span>
            <input type='text' id='address' placeholder='请输入地址' />
             <input type='button' id='search_address' value='搜索'  />

            <br />

             <span id='lng' >经度:</span><br />
             <span id='lat' >纬度:</span>

        </div>





//返回的json数据格式
// {
//              status: 0,
//              result:
//           {
//                location:
//                  {
//                     lng: 116.30814954222,
//                     lat: 40.056885091681
//                },
//             precise: 1,
//             confidence: 80,
//             level: '商务大厦'
//           }
//           }


        $('#search_address').click(function () {
                 var address = $.trim($('#address').val());
                 if (address != undefined && address != '') {
                    var url = 'http://api.map.baidu.com/geocoder/v2/?ak=uiwx7N7FhYKGNqCxVGjCGcMPPrivr6fE&output=json&address=' + encodeURIComponent(address);        //ak=uiwx7N7FhYKGNqCxVGjCGcMPPrivr6fE这是你申请的百度密钥。

address是你输入的那个地址。他是个变量,所以在引号外面了

                  //根据地点名称获取经纬度信息
                   $.ajax({  
                       type: 'POST',
                       url: url,
                       dataType: 'JSONP', //dataType一定一定为JSONP.这里跨域了
                       success: function (data) {
                         if (parseInt(data.status) == 0) {
                          $('#lng').html('经度:' + data.result.location.lng);
                          $('#lat').html('纬度:' + data.result.location.lat);
                         }
                        }
                   });
                 }
           });       

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值