微信小程序把百度地图坐标转换成腾讯地图坐标过程详解

时间:2021-05-18

百度地图的经纬度放到腾讯地图里面解析地址,导致位置信息显示不正确,所以利用腾讯地图提供的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); } }); },

日常笔记!个人项目亲测可行。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章