根据地址获取经纬度

来源:互联网 发布:霍华德职业生涯数据 编辑:程序博客网 时间:2024/05/21 11:32

参考: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);
                         }
                        }
                   });
                 }
           });       

原创粉丝点击