前端使用百度实现定位

在百度地图开放平台获取key

相关文档：百度JavaScript api 定位有三个定位方法介绍

本人使用场景为vue

在index.html中引用，在body中引用

<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=百度获取的key"></script>

在其他文件直接使用

通过ip定位

 //获取城市
const myCity = new BMapGL.LocalCity()
 myCity.get((r)=>{
//r为回调的值，只能在回调中获取，myCity.get（）不可实例化
        console.log(r);
    })

通过浏览器定位

//获取经纬度，自己使用感受：慢
const geolocation = new BMapGL.Geolocation()
geolocation.getCurrentPosition((r)=>{
            console.log('您的位置：' + r.point.lng + ',' + r.point.lat);
            
        })

现有问题：这两种方法的回调函数表现效果是异步执行，程序会略过直接向下执行。所以需要现用现写，IP获取定位较快，浏览器很慢可以结合使用。