微信小程序对接地图导航代码

当我们在一个应用中选择一个地址，打开一个地图，往往会有两种显示方式，一个是显示当前自己的位置；一个是显示对方，也就是目的地的位置；如下图：

方法1：

wxml 代码

<view bindtap='intoMap'>导航</view>


js代码
intoMap:function(){
    wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success: function (res) {  //因为这里得到的是你当前位置的经纬度
        var latitude = res.latitude        var longitude = res.longitude
        wx.openLocation({        //所以这里会显示你当前的位置          latitude: latitude,
          longitude: longitude,
          name: "北京市朝阳区马家堡16号楼",
          address:"北京市朝阳区马家堡16号楼",
          scale: 28
        })
      }
    })
  }

方法2：

wxml 代码
<view bindtap='intoMap'>导航</view>

intoMap:function(){
  wx.openLocation({        
        //这里要直接输入该地方的经纬度，由于每个地图得到的经纬度不一样，所以精确度会有差别，我亲测了百度地图和腾讯地图的经纬度，发现使用腾讯地图的经纬度的精确度很高，至于为什么，毕竟都是腾讯应用嘛，大家懂的！后面给大家写了一个获取腾讯地图经纬度的文章：http://www.cnblogs.com/silent007/p/9023799.html
          latitude: 116.38797,  
          longitude: 39.867481,
          name: "北京市朝阳区马家堡16号楼",
          address:"北京市朝阳区马家堡16号楼",
          scale: 28
        })
},