微信小程序把百度地圖坐標轉換成騰訊地圖坐標過程詳解

2020-03-21 15:52:28

字體：大中小

來源：轉載

供稿：網友

百度地圖的經緯度放到騰訊地圖里面解析地址，導致位置信息顯示不正確，所以利用騰訊地圖提供的API進行轉換。
如果沒有開發密鑰（key），就到騰訊地圖官方文檔進行申請和下載qqmap-wx-jssdk.js

騰訊地圖官方文檔

申請步驟

微信小程序,百度地圖,騰訊地圖

填寫信息

微信小程序,百度地圖,騰訊地圖

wxml代碼

<map id='map' longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" show-location bindmarkertap='map_details' scale="16" bindtap='open_map_details'> </map>

js代碼

// 引入SDK核心類var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js');//百度經緯度轉換騰訊經緯度 reverseLocation: function() {  var that = this;  // 實例化API核心類  var demo = new QQMapWX({   key: '申請的開發密鑰'  });  // 調用接口  demo.reverseGeocoder({   location: {    latitude: that.data.latitude,    longitude: that.data.longitude   },   coord_type: 3, //baidu經緯度   success: function(res) {    var latitude = res.result.ad_info.location.lat;    var longitude = res.result.ad_info.location.lng;    var markers = [{     iconPath: '../../../images/common/location.png',     longitude: longitude,     latitude: latitude,     id: "map",    }]    console.log(markers)    that.setData({     markers: markers,     latitude: latitude,     longitude: longitude    })   },   fail: function(error) {        console.error(error);      },   complete: function(res) {        console.log(res);    }  }); },

微信小程序,百度地圖,騰訊地圖