微信小程序map地址间距离计算以及导航功能实现
在微信小程序当中,实现简易的、没有很多复杂功能的地图,可以选用小程序的原生map组件。
WXML如下:
<map id="mymap" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}" subkey="IULBZ-XXXX-XXXX-XXXX-XXXX" bindmarkertap="markertap" show-location>
常用属性如下:(来自微信公众平台-小程序开发文档)
属性 | 类型 | 默认值 | 说明 |
longitude | Number | | 中心经度 |
latitude | Number | | 中心纬度 |
scale | Number | 16 | 缩放级别,取值范围为5-18 |
markers | Array | | 标记点 |
subkey | String | '' | 个性化地图使用的key,仅初始化地图时有效 |
bindmarkertap | EventHandle | | 点击标记点时触发,会返回marker的id |
1、导航功能实现
需求:从当前位置导航至标记点所在的位置,当点击标记点时触发导航功能
markertap: function (e) {
2、两点间距离的计算(默认单位km)
return d * Math.PI / 180.0;
-