1.wxml
<view>
<map id="map"
longitude="{{longitude}}"
latitude="{{latitude}}"
scale="14"
markers="{{markers}}"
show-location
>
</map>
</view>
2.wxss
page {
width: 100%;
height: 100%;
}
page map {
width: 100%;
height: 100%;
}
3.js
data: {
markers: [
{
iconPath: "/images/logo.jpg",
id: 4,
latitude: xxx,//xxx是要去的地方的纬度
longitude: yyy,//yyy是要去的地方的经度
width: 30,
height: 30
}
],
//当前定位位置
latitude:'',
longitude: '',
},
onLoad: function (options) {
wx.reLaunch({
url: '../index/index'
})
// 获取当前位置
wx.getLocation({
type: 'gcj02',
success: (res) => {
this.setData({
latitude: res.latitude,
longitude: res.longitude
})
}
})
//使用微信内置地图查看标记点位置,并进行导航
wx.openLocation({
latitude: this.data.markers[0].latitude,//要去的纬度-地址
longitude: this.data.markers[0].longitude,//要去的经度-地址
})
},
百度了半天才找到,终于实现了微信小程序实现到指定位置的导航
参考网址:https://www.jb51.net/article/167975.htm