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


Posted in Javascript onJuly 10, 2019

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

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

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

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

Javascript 相关文章推荐
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
JavaScript 常用函数
Dec 30 Javascript
javascript 鼠标拖动图标技术
Feb 07 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
Jun 23 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
Feb 15 Javascript
JavaScript列表框listbox全选和反选的实现方法
Mar 18 Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
详解vue slot插槽的使用方法
Jun 13 Javascript
js原生日历的实例(推荐)
Oct 31 Javascript
uni-app之APP和小程序微信授权方法
May 09 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 #jQuery
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 #jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 #jQuery
JS根据Unix时间戳显示发布时间是多久前【项目实测】
Jul 10 #Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 #Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 #Javascript
js Array.slice的8种不同用法示例
Jul 10 #Javascript
You might like
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
PHP base64编码后解码乱码的解决办法
2014/06/19 PHP
PHP定时执行任务的3种方法详解
2015/12/21 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
javascript 学习之旅 (3)
2009/02/05 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
2016/05/25 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
AngularJS自定义控件实例详解
2016/12/13 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
关于layui时间回显问题的解决方法
2019/09/24 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
jQuery实现查看图片功能
2020/12/01 jQuery
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
python中pass语句用法实例分析
2015/04/30 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
python字典setdefault方法和get方法使用实例
2019/12/25 Python
pytorch构建多模型实例
2020/01/15 Python
python3中使用__slots__限定实例属性操作分析
2020/02/14 Python
利用css3 translate完美实现表头固定效果
2017/02/28 HTML / CSS
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
电气自动化自荐信
2013/10/10 职场文书
新文化运动的基本口号
2014/06/21 职场文书
2016年教师节慰问信
2015/12/01 职场文书
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android
canvas 中如何实现物体的框选
2022/08/05 Javascript