1 小程序自己已经提供了
wx.getLocation /*获取当前位置的经纬度*/
wx.chooseLocation /*选择周围的地址*/
wx.openLocation /*打开地图*/
效果图
2 遇到什么问题,需要解决
现在知道详细的地址,但是不知道经纬度,所以,无法定位,腾讯官方也提供了一些地图的扩展 具体的如何引入component腾讯请看官方文档
实际例子,看代码,
在onShow 生命周期里面使用,我这里只是一个例子,具体在哪里使用,得根据你们自己的业务逻辑啦~~~
具体的git 地址
import QQMapWX from ‘../../plugins/qqmap-wx-jssdk‘;
const qqmapsdk = new QQMapWX({ key: ‘申请的key‘});
onShow:function(){
qqmapsdk.geocoder({
address: ‘北京市朝阳区大山子兆维大厦A座‘,
success: function (res) {
console.log(res,"------");
wx.openLocation({
name: `${res.result.address_components.province}-${res.result.address_components.district}`,
address: `${res.result.address_components.province}${res.result.address_components.district}${res.result.title}`,
latitude: res.result.location.lat,
longitude: res.result.location.lng
})
},
fail: function (res) {
console.log(res);
},
complete: function (res) {
//console.log(res,"------77777");
}
})
})
}