我们已经准备好了,你呢?

2022我们与您携手共赢,为您的企业形象保驾护航!

  小程序地图怎么点击直接进行导航!刚好我也在网上查找了下相关代码,整理了下,下面就是详细的说明!

  首先在wxml文件中输入地图代码,相关内容自行查阅小程序开发教程

  <map class="maps"id="map"longitude="112.8977300000"latitude="28.2174900000"scale="16"style="width:100%;height:500rpx;"bindtap="mapclick"markers="{{markers}}"></map>

  longitude:经度

  latitude:纬度

  markers:标记(这个要动态的传递数值,所以这里就使用{{markers}})

  下面就是markers的数值传递,在page的data中设置markers数组的值

  Page({

  data:{

  markers:[{

  iconPath:"/images/location.png",//定位图标

  id:0,

  latitude:28.2174900000,//纬度

  longitude:112.8977300000,//经度

  width:50,//图标宽

  height:50,//图标高

  }],

  },

  })

  这样前端的地图组件就定位完成!

  下一步操作就是怎么进行直接导航,这里使用微信自带的导航组件wx.openLocation(相关内容自行查阅小程序开发教程)

  首先在地图上绑定一个事件,使用bindtap="mapclick"来绑定点击地图的操作事件mapclick,然后就是设置点击事件。

  mapclick:function(){

  wx.openLocation({

  latitude:28.2174900000,//纬度

  longitude:112.8977300000,//经度

  scale:18,//缩放

  name:'山东百思诺数字',

  address:'山东百思诺数字'

  })

  },


我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为5000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、400电话申请办理、网站备案等方面的需求...
请立即点击咨询我们或拨打咨询热线: 400-6199-567,我们会详细为你一一解答你心中的疑难。项目经理在线

我们已经准备好了,你呢?

2022我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

400-6199-567

上班时间

周一到周五

公司电话

400-6199-567

二维码
微信
线