微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
2019-07-10 11:38
1201 查看
百度地图的经纬度放到腾讯地图里面解析地址,导致位置信息显示不正确,所以利用腾讯地图提供的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); } }); },
日常笔记!个人项目亲测可行。
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- 微信小程序--百度地图坐标转换成腾讯地图坐标
- 小程序--百度地图坐标 与 腾讯地图坐标 转换
- php 百度地图 腾讯地图 转换坐标
- 微信开发之附近商家地理位置计算和腾讯地图坐标转百度地图坐标的方法
- 微信中Google坐标转换为百度地图坐标
- php 百度地图 腾讯地图 转换坐标
- 微信开发之附近商家地理位置计算和腾讯地图坐标转百度地图坐标的方法
- 使用java转换腾讯地图,百度地图坐标问题。
- 微信开发之附近商家地理位置计算和腾讯地图坐标转百度地图坐标的方法
- 腾讯地图转换成百度地图坐标
- 详解从0开始搭建微信小程序(前后端)的全过程
- 百度地图坐标纠偏和转换工具和DLL
- NAT转换实验过程详解 推荐
- 微信内置地图坐标转换成百度地图坐标
- 百度地图经纬度 转换到 腾讯地图/Google地图 对应经纬度
- GPS经纬度及谷歌地图坐标转换为百度地图坐标,解决地图显示经纬度的偏移问题
- 【Spring】详解Spring MVC中不同格式的POST请求参数的数据类型转换过程
- 腾讯地图和百度地图的相互转换
- 微信小程序调用天气接口并且渲染在页面过程详解
- 微信小程序支付过程详解,基于node.js的后台