同学们平常使用地图的时候应该都有注意到,当我们在一个应用中选择一个地址,打开一个地图,往往会有两种显示方式,一个是显示当前自己的位置;一个是显示对方,也就是目的地的位置;如下图:

小程序之地图导航-风君雪科技博客小程序之地图导航-风君雪科技博客

接下来我分别列出小程序的这两种方式的实现:

1):

a,

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

b,

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: "南宁市西乡塘区秀厢大道东",
          address:"南宁市西乡塘区秀厢大道东",
          scale: 28
        })
      }
    })
  },

效果图:

小程序之地图导航-风君雪科技博客

2):

a,

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

b,

intoMap:function(){
  wx.openLocation({        //这里要直接输入该地方的经纬度,由于每个地图得到的经纬度不一样,所以精确度会有差别,我亲测了百度地图和腾讯地图的经纬度,发现使用腾讯地图的经纬度的精确度很高,至于为什么,毕竟都是腾讯应用嘛,大家懂的!后面给大家写了一个获取腾讯地图经纬度的文章:http://www.cnblogs.com/silent007/p/9023799.html
          latitude: 22.85758,  
          longitude: 108.31476,
          name: "南宁市西乡塘区秀厢大道东祥云商务酒店",
          address:"南宁市西乡塘区秀厢大道东祥云商务酒店",
          scale: 28
        })
},

效果图:

小程序之地图导航-风君雪科技博客

版权声明:本文为博主原创文章,转载需注明出处。http://www.cnblogs.com/silent007/p/8670091.html

开了一个公众号,喜欢的朋友可以关注一下哦

小程序之地图导航-风君雪科技博客

***************************************   END   *******************************************