功夫码

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

晓峰 时间:2021-06-18 22:06:39 阅读:80
--------------------------------------------------------- Ta 只分享的内容开始 ---------------------------------------------------------------------

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


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

image.png

方法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
        })
},


--------------------------------------------------------- Ta 只分享了这些内容 ---------------------------------------------------------------------

本文来源:功夫码(gongfuma.com)
声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有。
未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

  • 回到顶部