小程序调用内置地图进行门店导航
2020-09-27|HiShop
导读：许多门店小程序都会需要内置地图进行导航，那么该如何实现呢?...
许多门店小程序都会需要内置地图进行导航，那么该如何实现呢?
| 小程序地图导航功能的实现 | 小程序地图上的文字说明如何实现 | 小程序地图怎么获取两点距离 |
html
<map id="map" longitude="116.715790" latitude="23.362490" markers="{{markers}}"
scale="18" style="width: 100%; height: 300px;" bindtap="click">
</map>
在map.wxml中增加bindtap="click"，点击地图后跳转导航
javascript
click: function (e) {
wx.openLocation({
latitude: 23.362490,
longitude: 116.715790,
scale: 18,
name: '华乾大厦',
address:'金平区长平路93号'
})
},
wx.openLocation为location API，作用为打开微信内置地图，点击后可调用内置地图进行导航，可以作为门店导航类使用。
HiShop小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。
更多小程序开发案例，尽在：http://www.hishop.com.cn/xiaocx/kaifa.html
- 关注官方公众号 -
提供多种电商软件及解决方案