mui：在javascript中使用百度地图实现精确定位（一）

最新推荐文章于 2022-12-24 17:00:59 发布

前行中632

最新推荐文章于 2022-12-24 17:00:59 发布

阅读量1w

点赞数 4

分类专栏： android web mui框架 MUI框架文章标签： javascript 百度地图精确定位 mui

本文链接：https://blog.csdn.net/qq_32635069/article/details/76034295

版权

本文介绍了如何在JavaScript中利用百度地图API进行精确定位，包括申请密钥的步骤和引入API的方法，以及如何获取和解析经纬度以得到详细地址。

摘要由CSDN通过智能技术生成

这一篇文章的方法只能定位到城市一级，需要更精确，可以看这篇文章
http://blog.csdn.net/qq_32635069/article/details/77801988

在国内一般都使用百度地图、高德地图等来实现定位，
首先你要申请密钥，可以参考网上的教程https://jingyan.baidu.com/article/363872eccda8286e4aa16f4e.html
其次就是使用了，引入

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你申请的ak码">

这样你就可以调用百度地图的API了，然后在这里要说的是定位，获取经纬度

//判断手机浏览器是否支持定位
    if(navigator.geolocation) {
        var geolocation = new BMap.Geolocation(); //创建定位实例
        geolocation.getCurrentPosition(showLocation, {
            enableHighAccuracy: true
        }); //enableHighAccuracy 要求浏览器获取最佳结果
    } else {
        map.addControl(new BMap.GeolocationControl()); //添加定位控件 支持定位
    }

将经纬度解析为地址

var gc = new BMap.Geocoder();//将坐标转换成地址



gc.getLocation(centerPoint,function(rs){
   
                var addComp = rs.addressComponents;  
                var mapAddress = addComp.province + addComp.city + addComp.d