微信小程序把百度地圖坐標轉換成騰訊地圖坐標過程詳解
更新時間：2019年07月10日 11:38:47 作者：無枉少年
這篇文章主要介紹了微信小程序把百度地圖坐標轉騰訊地圖坐標過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
百度地圖的經(jīng)緯度放到騰訊地圖里面解析地址，導致位置信息顯示不正確，所以利用騰訊地圖提供的API進行轉換。
如果沒有開發(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)緯度轉換騰訊經(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格式相互轉換
這篇文章主要介紹了JavaScript實現(xiàn)字符串與HTML格式相互轉換,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了JS 9個Promise面試題，對異步Promise感興趣的同學，可以參考下2021-05-05
Electron 結合 Selenium + chromedriver
這篇文章主要介紹了Electron 結合 Selenium + chromedriver 驅動服務實現(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