微信小程序地址导航

微信小程序商家填写了地址,我们要在地图显示,并打开其他地图导航。
话不多说,直接上代码


<button class="name" style="float:left;font-size:12px;width:80%;padding:0px;padding-top:7px;text-align:left;background:#fff;" bindtap="navigate" data-address="{{item.address}}" data-latitude="{{item.lat}}" data-longitude="{{item.lng}}">{{item.address}}button>

navigate:function(e){
    //使用微信内置地图查看标记点位置,并进行导航
    var that = e;
    //注意:经纬度必须是数字类型
    var latitude = 	parseFloat(that.currentTarget.dataset.latitude);
    var longitude = parseFloat(that.currentTarget.dataset.longitude);
    wx.openLocation({
      latitude: latitude,//要去的纬度-地址
      longitude: longitude,//要去的经度-地址
      name: that.currentTarget.dataset.address,//要导航的地址名称
      address:that.currentTarget.dataset.address,//要导航的地址地址
    })
}

效果图:
微信小程序地址导航_第1张图片
微信小程序地址导航_第2张图片
微信小程序地址导航_第3张图片

你可能感兴趣的:(小程序)