TypechoJoeTheme

Dcr163的博客

统计

使用百度地图api实现网站定位功能

2016-10-13
/
0 评论
/
927 阅读
/
正在检测是否收录...
10/13

如题,废话不多说直接上代码:

//首先引入jqurey.js 方便ajax的请求// 百度地图API功能
        var map = new BMap.Map("nowmap");
//        根据浏览器获取经纬度定位当前位置
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(r){
        
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
                var mk = new BMap.Marker(r.point);
                //获取浏览器当前经纬度
                var lat=r.point.lat;
                var lng=r.point.lng;
                //开始向百度发送请求
                $.ajax({
                    url:'http://api.map.baidu.com/geocoder/v2/?ak=SjU291131hitQDaSlTUKSSsILGmMmpra&location='+lat+','+lng+'&output=json',
                    dataType:'jsonp',
                    beforeSend:function(){
                        document.getElementById('now-address').innerHTML='自动定位中...';
                        document.getElementById('diqu').innerHTML='定位中...';
                    },
                    //百度返回json后所执行的操作
                    success:function(datas){
                        document.getElementById('now-address').innerHTML=(datas['result']['addressComponent']['district']+datas['result']['addressComponent']['street']+datas['result']['addressComponent']['street_number']);
                        document.getElementById('diqu').innerHTML=datas['result']['addressComponent']['city'];
                    }
                })
            }
            else {
                document.getElementById('diqu').innerHTML='定位失败';
                document.getElementById('now-address').innerHTML='定位失败,请重试';
//                alert('failed'+this.getStatus());
            }
        },{enableHighAccuracy: true})

最后附上 百度地图接口文档地址:http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geocoding#8..E8.BF.94.E5.9B.9E.E7.A0.81.E7.8A.B6.E6.80.81.E8.A1.A8

朗读
赞(0)
版权属于:

Dcr163的博客

本文链接:

http://dcr163.cn/88.html(转载时请注明本文出处及文章链接)

评论 (0)

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. slot demo
    2025-01-13
  2. 陌天
    2025-01-09
  3. Kerrie Bostick
    2024-12-28
  4. Norma Gainey
    2024-09-21
  5. Amber Powlett
    2024-05-09

标签云