私域电商软件及相关增值服务提供商    

关于严厉谴责冒用我司名义发布虚假招聘信息严正声明 北京:4006-601-982 / 深圳:4008-400-198 / 长沙:4006-089-731
免费试用

小程序调用内置地图进行门店导航

2020-09-27|HiShop
导读:许多门店小程序都会需要内置地图进行导航,那么该如何实现呢?...

  小程序调用内置地图进行门店导航

  许多门店小程序都会需要内置地图进行导航,那么该如何实现呢?

小程序地图导航
小程序地图导航功能的实现 小程序地图上的文字说明如何实现 小程序地图怎么获取两点距离



html

<map id="map" longitude="116.715790" latitude="23.362490" markers="{{markers}}"

小程序调用内置地图进行门店导航

scale="18"  style="width: ***; 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步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序开发案例,尽在://m.ntjrxh.com/xiaocx/kaifa.html

电话咨询 微信咨询 预约演示 0元开店
Baidu
map