一：实现定位及到指定位置导航所需组件及API
1：组件：map(地图组件)
2：API：wx.getLocation(Object object)(获取当前的地理位置、速度)，wx.openLocation(Object object)(使用微信内置地图查看位置)
二：代码实现
1：wxml
<view> <map longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}" bindmarkertap="markertap" bindregionchange="regionchange" show-location > </map> </view> <view> <button type="primary" bindtap="navigate">导航</button> </view>
2：js
//js Page({ /** * 页面的初始数据 */ data: { //设置标记点 markers: [ { iconPath: "/images/ljx.png", id: 4, latitude: 31.938841, longitude: 118.799698, width: 30, height: 30 } ], //当前定位位置 latitude:'', longitude: '', }, navigate() { ////使用微信内置地图查看标记点位置，并进行导航 wx.openLocation({ latitude: this.data.markers[0].latitude,//要去的纬度-地址 longitude: this.data.markers[0].longitude,//要去的经度-地址 }) }, onLoad() { //获取当前位置 wx.getLocation({ type: 'gcj02', success: (res) => { console.log(res) this.setData({ latitude: res.latitude, longitude: res.longitude }) } }) } })
根据如上即可实现自身定位及到指定位置的导航，如下：
