商城系統(tǒng) 注冊

小程序調用內置地圖進行門店導航

2020-09-27|HiShop
導讀:許多門店小程序都會需要內置地圖進行導航,那么該如何實現(xiàn)呢?...

  小程序調用內置地圖進行門店導航

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

小程序地圖導航
小程序地圖導航功能的實現(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",點擊地圖后跳轉導航

javascript
 

click: function (e) {
    wx.openLocation({
      latitude: 23.362490,
      longitude: 116.715790,
      scale: 18,
      name: '華乾大廈',
      address:'金平區(qū)長平路93號'
    })
  },

  wx.openLocation為location API,作用為打開微信內置地圖,點擊后可調用內置地圖進行導航,可以作為門店導航類使用。
 

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

更多小程序開發(fā)案例,盡在:http://westcoastpropertyservices.com/xiaocx/kaifa.html

電話咨詢 預約演示 0元開店