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中如何调用高德地图获取当前位置
TP源码网 » VUE中如何调用高德地图获取当前位置