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


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 相关文章推荐
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
获取body标签的两种方法
Oct 13 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
Jan 15 Javascript
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 Javascript
javascript抽象工厂模式详细说明
Dec 16 Javascript
JavaScript设计模式之装饰者模式介绍
Dec 28 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
jQuery常用知识点总结以及平时封装常用函数
Feb 23 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
Feb 10 Javascript
JS设置随机出现2个数字的实例代码
Jul 19 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
让你30分钟快速掌握vue3教程
Oct 26 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程序?
2006/12/08 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
tp5实现微信小程序多图片上传到服务器功能
2018/07/16 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
javascript中length属性的探索
2011/07/31 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
2016/12/23 Javascript
详解NODEJS基于FFMPEG视频推流测试
2017/11/17 NodeJs
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
Python 等分切分数据及规则命名的实例代码
2019/08/16 Python
详细整理python 字符串(str)与列表(list)以及数组(array)之间的转换方法
2019/08/30 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
预备党员党课思想汇报
2014/01/13 职场文书
影子教师研修方案
2014/06/14 职场文书
2014年科技工作总结
2014/11/26 职场文书
追悼会答谢词
2015/01/05 职场文书
企业投资意向书
2015/05/09 职场文书
聘任书格式及范文
2015/09/21 职场文书
python blinker 信号库
2022/05/04 Python