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