一:实现定位及到指定位置导航所需组件及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})}})}})根据如上即可实现自身定位及到指定位置的导航,如下:
微信小程序实现定位及到指定位置导航
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序实现定位及到指定位置导航
相关推荐
数据恢复软件(二):用C++重写恢复B乐都县E企盈小程序MP位图文件的小程序
公众号再次改版高坪区E企盈小程序小程序又多了一个入口
微信小程序加载图片时,湘桥区E企盈小程序先拉长,再恢复正常
转:(很有用)有多个按钮,点击一个变色,点击另吴中区E企盈小程序一个变色,原来的恢复颜色的方法
第12课微信小程序Component构造器自道里区E企盈小程序定义组件:
导航中的南海区E企盈小程序小竖线总结
小程序:after实现德格县E企盈小程序1px纵向分割线
汉沽区E企盈小程序企业微信内测朋友圈和客户群功能:小程序C位出道!
小程序运行加载密山市E企盈小程序机制
小程通城县E企盈小程序序中间有字的分隔线
公众号和小程序可以同名了名称支持同主体复盘锦E企盈小程序用
微信小程序修改主潜江市E企盈小程序体信息
最新评论
独特万商直播系统,直播系统技术开发公司
万商直播系统开发公司
优秀的团队,万商直播管理系统
不错的小程序案例
优秀的团队,不错的服务!
讲的很好
主播长的帅气
好系统好服务