小程序之地圖導航

同學們平常使用地圖的時候應該都有注意到，當我們在一個應用中選擇一個地址，打開一個地圖，往往會有兩種顯示方式，一個是顯示當前自己的位置；一個是顯示對方，也就是目的地的位置；如下圖：

接下來我分別列出小程序的這兩種方式的實現：

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   *******************************************