小程序調(diào)用內(nèi)置地圖進行門店導(dǎo)航

2020-09-27|HiShop

導(dǎo)讀：許多門店小程序都會需要內(nèi)置地圖進行導(dǎo)航，那么該如何實現(xiàn)呢?...

　　許多門店小程序都會需要內(nèi)置地圖進行導(dǎo)航，那么該如何實現(xiàn)呢?

**小程序地圖導(dǎo)航**
小程序地圖導(dǎo)航功能的實現(xiàn)	小程序地圖上的文字說明如何實現(xià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"，點擊地圖后跳轉(zhuǎn)導(dǎo)航

javascript

click: function (e) {

wx.openLocation({

latitude: 23.362490,

longitude: 116.715790,

scale: 18,

name: '華乾大廈',

address:'金平區(qū)長平路93號'

})

　　wx.openLocation為location API，作用為打開微信內(nèi)置地圖，點擊后可調(diào)用內(nèi)置地圖進行導(dǎo)航，可以作為門店導(dǎo)航類使用。

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。

更多小程序開發(fā)案例，盡在：http://m.descansotropical.com/xiaocx/kaifa.html

您可能感興趣:小程序導(dǎo)航

上一篇：小程序加載圖片如何實現(xiàn) 下一篇：微信小程序調(diào)用內(nèi)置照相機實現(xiàn)拍照及圖片上傳