应用场景:多家门店,门店地址从后台上传,地址信息各不相同。然后点导航要导航过去
第一种情况:后台返回的门店信息包含经纬度 (这种就不需要申请腾讯地图Key)
catchNav(e) {
var item = e.currentTarget.dataset.item;
wx.getLocation({
type: 'wgs84',
success: function (res) {
wx.openLocation({
latitude: Number(item.lat),
longitude: Number(item.lng),
name: item.title,
address: item.addr
})
}
})
}
第二种:后台只提供门店地址信息
2.1:首先第一步去腾讯地图申请Key,腾讯位置服务-小程序
之后就按照操作步骤来就行
2.2:在小程序上使用
首先你得下载qqmap-wx-jssdk.js这个文件
//引入文件
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var keys = new QQMapWX({
key: '你申请的密钥'
});
Page({
//地址导航
catchNav(e) {
var item = e.currentTarget.dataset.item;
keys.geocoder({ //根据输入的地址逆解析出经纬度并跳转地图导航
address: item.addr,
success: res => {
var lat = res.result.location.lat;
var lng = res.result.location.lng;
wx.getLocation({
type: 'wgs84',
success: function (res) {
wx.openLocation({
latitude: Number(lat),
longitude: Number(lng),
name: item.title,
address: item.addr
})
}
})
}
})
}
})
最终: