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


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 相关文章推荐
极酷的javascirpt,让你随意编辑任何网页
Feb 25 Javascript
基于jquery的地址栏射击游戏代码
Mar 10 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
动态加载js、css的实例代码
May 26 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
jquery实现拖动效果
Aug 10 Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 Javascript
解决vue 更改计算属性后select选中值不更改的问题
Mar 02 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
vue中实现图片压缩 file文件的方法
May 28 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
类的另类用法--数据的封装
2006/10/09 PHP
PHP curl 并发最佳实践代码分享
2012/09/05 PHP
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
预加载css或javascript的js代码
2010/04/23 Javascript
浮动的div自适应居中显示的js代码
2013/12/23 Javascript
JavaScript中按位“异或”运算符使用介绍
2014/03/14 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
JavaScript开发人员的10个关键习惯小结
2014/12/05 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
2016/12/31 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
React Native开发封装Toast与加载Loading组件示例
2018/09/08 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
nodejs更新package.json中的dependencies依赖到最新版本的方法
2018/10/10 NodeJs
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
Python创建模块及模块导入的方法
2015/05/27 Python
python实现简单聊天应用 python群聊和点对点均实现
2017/09/14 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
python绘制分布折线图的示例
2020/09/24 Python
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
幼儿教师国培感言
2014/02/19 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
会计求职信
2014/05/29 职场文书
优秀大专毕业生求职信
2014/08/04 职场文书
招标授权委托书样本
2014/09/23 职场文书
合作协议书模板2014
2014/09/26 职场文书
村干部任职承诺书
2015/01/21 职场文书
自愿离婚协议书2015
2015/01/26 职场文书
500字作文之难忘的同学
2019/12/20 职场文书
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL
分享几个简单MySQL优化小妙招
2022/03/31 MySQL