一、接入腾讯地图
1.引入微信jdk
var QQMapWX = require('../../common/js/qqmap-wx-jssdk.min.js');
2.声明腾讯地图实例
var qqmapsdk;
qqmapsdk = new QQMapWX({
key: this.key
});
3.获取当前定位
qqmapsdk.reverseGeocoder({
success: res => {
let result = res.result;
let loc = result.location;
//初始化地图
_self.initMap(loc.lng, loc.lat);
},
fail: err => {
console.log('获取定位失败');
}
})
4.微信小程序相关配置
微信公众平台 -> 开发管理 -> 开发设置 -> 服务器域名
reques合法域名:https://apis.map.qq.com
二、接入高德地图
1.导入相关sdk
import amap from 'amap-wx.js'
2.声明地图实例化
this.amapPlugin = new amap.AMapWX({
key: this.key
})
3.获取当前定位API
this.amapPlugin.getRegeo({
success: (res) => {
let data = res[0]
_self.initMap(data.longitude, data.latitude);
let address = data.regeocodeData.addressComponent;
let province = address.province;
let city = address.city;
}
});
总结
个人学习总结,有问题感谢指正