微信小程序实现定位及到指定位置导航的示例代码

微信(小程序)  /  管理员 发布于 5年前   864

一：实现定位及到指定位置导航所需组件及API

1：组件：map(地图组件)

2：API：wx.getLocation(Object object)(获取当前的地理位置、速度)，wx.openLocation(Object object)(使用微信内置地图查看位置)

二：代码实现

1：wxml

导航

2：js

//jsPage({/**  * 页面的初始数据  */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})}})}})

根据如上即可实现自身定位及到指定位置的导航，如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 微信小程序 地图定位简单实例
• 微信小程序 图片绝对定位(背景图片)
• 微信小程序城市定位的实现实例（获取当前所在国家城市信息）
• 微信小程序 定位到当前城市实现实例代码
• 微信小程序实现自动定位功能
• 微信小程序定位当前城市的方法
• 微信小程序ibeacon三点定位详解
• 微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
• 微信小程序实现获取准确的腾讯定位地址功能示例
• 小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）