微信小程序把百度地圖坐標轉(zhuǎn)換成騰訊地圖坐標過程詳解
更新時間：2019年07月10日 11:38:47 作者：無枉少年
這篇文章主要介紹了微信小程序把百度地圖坐標轉(zhuǎn)騰訊地圖坐標過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
百度地圖的經(jīng)緯度放到騰訊地圖里面解析地址，導致位置信息顯示不正確，所以利用騰訊地圖提供的API進行轉(zhuǎn)換。
如果沒有開發(fā)密鑰（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');
//百度經(jīng)緯度轉(zhuǎn)換騰訊經(jīng)緯度
reverseLocation: function() {
var that = this;
// 實例化API核心類
var demo = new QQMapWX({
key: '申請的開發(fā)密鑰'
});
// 調(diào)用接口
demo.reverseGeocoder({
location: {
latitude: that.data.latitude,
longitude: that.data.longitude
},
coord_type: 3, //baidu經(jīng)緯度
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);
}
});
},
日常筆記！個人項目親測可行。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
Flexigrid在IE下不顯示數(shù)據(jù)的處理的解決方法
Flexigrid在IE下不顯示數(shù)據(jù)的情況，想必大家都有遇到過吧，下面有個不錯的解決方法，感興趣的朋友可以參考下2013-10-10
本文是在Web中通過Javascript判斷鍵盤按鍵事件，并改變按鍵的默認動作。2009-02-02
picker為用戶提供了多個選擇,用戶選了其中一種,但仍是需要有東西去告訴后臺用戶選了什么,下面這篇文章主要給大家介紹了關于微信小程序picker選擇器獲取值的2種方法,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了微信小程序indexOf的替換方法,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
項目中需要判斷IE版本號，又因為 jQuery 2.0 去除了對瀏覽器版本號的判斷于是就看到一老外寫的一段代碼，下面與大家分享下2013-09-09
JavaScript實現(xiàn)字符串與HTML格式相互轉(zhuǎn)換
這篇文章主要介紹了JavaScript實現(xiàn)字符串與HTML格式相互轉(zhuǎn)換,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了JS 9個Promise面試題，對異步Promise感興趣的同學，可以參考下2021-05-05
Electron 結(jié)合 Selenium + chromedriver
這篇文章主要介紹了Electron 結(jié)合 Selenium + chromedriver 驅(qū)動服務實現(xiàn)瀏覽器多開思路詳解,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07
這篇文章主要給大家介紹了關于JavaScript中split()方法的相關資料,split()方法在js處理字符串是很常見,也是很重要的一種方法必須熟練掌握,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11
實現(xiàn)在?Chrome?中執(zhí)行?JavaScript?代碼
這篇文章主要介紹了實現(xiàn)在?Chrome?中執(zhí)行?JavaScript?代碼，下面來介紹如何在?Chrome?中打開開發(fā)者工具，以及如何在開發(fā)者工具中運行調(diào)試?JavaScript?代碼，具有一的的參考價值,需要的朋友可以參考一下2022-03-03