微信小程序> 小程序:微信小程序中点击markers实现地图导航

小程序:微信小程序中点击markers实现地图导航

浏览量:4647 时间: 来源:Mosowe
<map  class='map'      style='top:{{140 + topNav.height}}rpx'      id="map"       longitude="113.94829080193026"       latitude="22.546096271173454"        scale="14"       markers="{{markers}}"       data-markers="{{markers}}"       bindmarkertap='gotohere'      show-location ></map>
  gotohere:function(res){    console.log(res);    let lat = ''; // 获取点击的markers经纬度    let lon = ''; // 获取点击的markers经纬度    let name = ''; // 获取点击的markers名称    let markerId = res.markerId;// 获取点击的markers  id    let markers = res.currentTarget.dataset.markers;// 获取markers列表    for (let item of markers){      if (item.id === markerId) {        lat = item.latitude;        lon = item.longitude;        name = item.callout.content;        wx.openLocation({ // 打开微信内置地图,实现导航功能(在内置地图里面打开地图软件)          latitude: lat,          longitude: lon,          name:name,          success:function(res){            console.log(res);          },          fail:function(res){            console.log(res);          }        })        break;      }    }  },

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎