在手机上百度地图定位的使用

最新推荐文章于 2020-06-17 11:07:03 发布

show_code

最新推荐文章于 2020-06-17 11:07:03 发布

阅读量1k

点赞数

分类专栏： Web前端移动端文章标签：百度地图手机定位

本文链接：https://blog.csdn.net/playboyanta123/article/details/72301916

版权

Web前端移动端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

其实本来是没啥好说的，只是百度地图对之前的api方法做了调整，所以这里让大家知道一下！

首先引入如下的js：

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
<script type="text/javascript" src="//api.map.baidu.com/getscript?v=2.0&ak=你的密钥&services=&t=20170511202040"></script>
<script src="//developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

第三个js是用来纠正百度地图误差的，有用到！

之前是用的navigator里面的geolocation，这个变量，然后去获取经纬度，现在不需要了，百度地图api直接封装了这个方法，使用如下：

function initLocation(){
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
            var mk = new BMap.Marker(r.point);
            var gpsPoint = r.point;
            setTimeout(function(){
                BMap.Convertor.translate(gpsPoint,0,function(point){
                    var point = new BMap.Point(point.lng,point.lat);
             var geoc = new BMap.Geocoder();
                    geoc.getLocation(point, function(rs){
                        var addComp = rs.addressComponents;
				//这个变量里面地址的各种信息都有了，可以自己去看看
                        console.log(addComp);
                    });
                });
            },50);
        }else {
            alert('failed'+this.getStatus());
        }        
    },{enableHighAccuracy: true});
}

好了，就这样吧，有问题再说！