手机版

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

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

I .实现定位和导航到指定位置所需的组件和API

1:组件:地图(地图组件)

2: API: wx.getlocation(对象对象)(获取当前地理位置和速度),wx.openLocation(对象对象)(使用微信内置地图查看位置)

二:代码实现

1:wxml

viewmap id='map '经度=' { {经度}} '纬度=' { {纬度}} '比例尺='14 '标记=' { { markers } } ' bindmarkertap=' markertap ' bind regionchange=' regionchange ' show-location style=' width : 100%;height: 300px/map/view view button type=' primary ' bind tap=' navive ' navigate/button/view 2:js

//jsPage({/** * page的初始数据*/data: {//设置标记标记3360[{ icon path 3360 '/images/ljx . png ',id3360 4,纬度3360 31.938841,经度: 118.799698,宽度3360 30,高度: 30}],//当前定位位置为纬度: ' ',经度3360 ' ')并导航wx . open location({ latitude : this . data . markers[0])。纬度,//要去的纬度-地址经度: th . data . markers[0]。经度,//经度to go-address})),OnLoad() {//获取当前位置wx . getlocation({ type : ' gcj 02 ',success 3360(RES)={ console . log(RES)this . setdata({ latitude 3360res . latitude,经度3360 RES .经度})}。

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:微信小程序实现定位导航到指定位置示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。