E企盈营销工具技术服务商 热线:4006-838-530

微信小程序实现定位及到指定位置导航

E企盈直播平台营销卖货系统

一:实现定位及到指定位置导航所需组件及API1:组件:map(地图组件)2:API:wx.getLocation(Object object)(获取当前的地理位置、速度),wx.openLocation(Object object)(使用微信内置地图查看位置)二:代码实现前提:在app.json中加上:”permission”:{“scope.userLocation”: {“desc”: “获取位置” }},1:wxml<view><map id=”map”longitude=”{{longitude}}”latitude=”{{latitude}}”scale=”14″markers=”{{markers}}”bindmarkertap=”markertap”bindregiοnchange=”regionchange”show-locationstyle=”width: 100%; height: 300px;”></map></view><view><button type=”primary” bindtap=”navigate”>导航</button></view>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})}})}})根据如上即可实现自身定位及到指定位置的导航,如下:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序实现定位及到指定位置导航
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏