vue 定位所在地_vue使用高德地图，精确定位&ip定位，获取城市、地区位置

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

1、高德地图准备

点进入网址：https://lbs.amap.com/api/javascript-api/guide/abc/prepare

(1)注册开发者账号

(2)进入控制台

(3)申请高德地图key

2、在index.html中引入高德地图

3、vue中代码

// methods部分

getLocation() {

const self = this

AMap.plugin('AMap.Geolocation', function () {

var geolocation = new AMap.Geolocation({

// 是否使用高精度定位，默认：true

enableHighAccuracy: true,

// 设置定位超时时间，默认：无穷大

timeout: 10000,

})

geolocation.getCurrentPosition()

AMap.event.addListener(geolocation, 'complete', onComplete);

AMap.event.addListener(g