vue使用高德地图获取经纬度信息

1、安装Loader

npm i @amap/amap-jsapi-loader --save

2、在地图组件 MapContainer.vue 中引入 amap-jsapi-loader

<script >
	import AMapLoader from '@amap/amap-jsapi-loader';
</script>

3、地图初始化函数 initMap,并获取定位信息

getLocation() {
   let that = this
    AMapLoader.load({
        key: "d31412cbb901025f122855f761273ec5",
        version: "2.0",
        plugins: []
    }).then((Amap) => {
        AMap.plugin("AMap.Geolocation", function () {
            let geolocation = new AMap.Geolocation({
                enableHighAccuracy: true, //是否使用高精度定位,默认:true
                timeout: 60000, //超过10秒后停止定位,默认:无穷大
                maximumAge: 0, //定位结果缓存0毫秒,默认:0
                convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默

猜你喜欢

转载自blog.csdn.net/xiaopihair123/article/details/129066276