VUE中如何调用高德地图获取当前位置

1、去高德开放平台获取高德地图KEY

地址:https://lbs.amap.com/

注意:这里一定要选择WEB端的KEY,不要选择WEB服务的KEY,否则拿不到数据

 

async getlocation(){
				 let aMapScript = document.createElement('script')
				    aMapScript.setAttribute('src', 'https://webapi.amap.com/maps?v=1.4.11&key=93621726389f99295a6c5bb8bdc6d7e2XXX&plugin=AMap.CitySearch')
				    document.head.appendChild(aMapScript)
				    return aMapScript.onload = function() {
				        AMap.plugin('AMap.Geolocation', function() {
				            var geolocation = new AMap.Geolocation({
				                enableHighAccuracy: true,
				                timeout: 10000,
				                buttonOffset: new AMap.Pixel(10, 20),
				                zoomToAccuracy: true,
				                buttonPosition: 'RB'
				            })
				            geolocation.getCurrentPosition()
				            AMap.event.addListener(geolocation, 'complete', onComplete)
				            AMap.event.addListener(geolocation, 'error', onError)
				  
				            function onComplete(data) {
				                // data是具体的定位信息
								if(data.info=='SUCCESS'){
									console.log(data.formattedAddress)
								}else{
									console.log(data.message)
									
								}
				                console.log('123123')
				            }
				  
				            function onError(data) {
				               console.log(data.message)
				                    // 定位出错
				                console.log('123123s')
				            }
				        })
				    }
			},

 

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!
8. 精力有限,不少源码未能详细测试(解密),不能分辨部分源码是病毒还是误报,所以没有进行任何修改,大家使用前请进行甄别
TP源码网 » VUE中如何调用高德地图获取当前位置

提供最优质的资源集合

立即查看 了解详情