小程序調(diào)用內(nèi)置地圖進(jìn)行門店導(dǎo)航
2020-09-27|HiShop
導(dǎo)讀:許多門店小程序都會(huì)需要內(nèi)置地圖進(jìn)行導(dǎo)航,那么該如何實(shí)現(xiàn)呢?...
許多門店小程序都會(huì)需要內(nèi)置地圖進(jìn)行導(dǎo)航,那么該如何實(shí)現(xiàn)呢?
小程序地圖導(dǎo)航功能的實(shí)現(xiàn) | 小程序地圖上的文字說明如何實(shí)現(xiàn) | 小程序地圖怎么獲取兩點(diǎn)距離 |
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",點(diǎn)擊地圖后跳轉(zhuǎn)導(dǎo)航
javascript
click: function (e) {
wx.openLocation({
latitude: 23.362490,
longitude: 116.715790,
scale: 18,
name: '華乾大廈',
address:'金平區(qū)長平路93號(hào)'
})
},
wx.openLocation為location API,作用為打開微信內(nèi)置地圖,點(diǎn)擊后可調(diào)用內(nèi)置地圖進(jìn)行導(dǎo)航,可以作為門店導(dǎo)航類使用。
HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。
更多小程序開發(fā)案例,盡在:http://zytcm.com.cn/xiaocx/kaifa.html