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


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 相关文章推荐
用JavaScript 处理 URL 的两个函数代码
Aug 13 Javascript
Domino中运用jQuery读取视图内容的方法
Oct 21 Javascript
textarea中的手动换行处理的jquery代码
Feb 26 Javascript
JS 毫秒转时间示例代码
Sep 22 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
javaScript封装的各种写法
Aug 14 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
基于Fixed定位的框选功能的实现代码
May 13 Javascript
JS控制下拉列表左右选择实例代码
May 08 Javascript
vue3不同环境下实现配置代理
May 25 Vue.js
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+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
js实现ASP分页函数 HTML分页函数
2006/09/22 Javascript
AJAX架构之Dojo篇
2007/04/10 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
实现高性能JavaScript之执行与加载
2016/01/30 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
详解Angular2中的编程对象Observable
2016/09/17 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
微信小程序:报错(in promise) MiniProgramError
2020/10/30 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
Python基于Tkinter实现的记事本实例
2015/06/17 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
关于Pycharm无法debug问题的总结
2019/01/19 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
python整合ffmpeg实现视频文件的批量转换
2019/05/31 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
高校自主招生自荐信
2013/12/09 职场文书
《听鱼说话》教学反思
2014/02/15 职场文书
活动倡议书范文
2014/05/13 职场文书
2014年妇联工作总结
2014/11/21 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
tomcat的catalina.out日志按自定义时间格式进行分割的操作方法
2022/04/02 Servers