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

 更新时间:2019年07月10日 11:38:47   作者:无枉少年   我要评论

这篇文章主要介绍了微信小程序把百度地图坐标转腾讯地图坐标过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

百度地图的经纬度放到腾讯地图里面解析地址,导致位置信息显示不正确,所以利用腾讯地图提供的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 字符串连接性能优化

    从多次测试结果看来,使用StringBuffer 可以节省50%以上的时间
    2008-12-12
  • Base64编码加密JS代码网页版

    Base64编码加密JS代码网页版

    Base64编码加密JS代码网页版,在文本框中输入任意字符串,即可将该字符串按Base64编码进行加密,也可将任意Base64编码的字符解密显示正常值
    2013-03-03
  • js文字横向滚动特效

    js文字横向滚动特效

    这篇文章主要介绍了js文字横向滚动特效,实现过程很简单,文字在某块区域内横向无间隙滚动,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JavaScript 异步调用框架 (Part 1 - 问题 & 场景)

    JavaScript 异步调用框架 (Part 1 - 问题 & 场景)

    在Ajax应用中,调用XMLHttpRequest是很常见的情况。特别是以客户端为中心的Ajax应用,各种需要从服务器端获取数据的操作都通过XHR异步调用完成。
    2009-08-08
  • JavaScript隐式类型转换

    JavaScript隐式类型转换

    JavaScript的数据类型是非常弱的(不然不会叫它做弱类型语言了)!在使用算术运算符时,运算符两边的数据类型可以是任意的,比如,一个字符串可以和数字相加
    2016-03-03
  • 纯js实现手风琴效果代码

    纯js实现手风琴效果代码

    这篇文章主要为大家详细介绍了纯js实现手风琴效果代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • javascript div 遮罩层封锁整个页面

    javascript div 遮罩层封锁整个页面

    在客户端浏览器中,可以在某个时机使用javascript把一个div作为遮罩层,来封锁整个页面。
    2009-07-07
  • 原生javascript实现匀速运动动画效果

    原生javascript实现匀速运动动画效果

    这篇文章主要为大家详细介绍了原生javascript实现匀速运动动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • JavaScript函数apply()和call()用法与异同分析

    JavaScript函数apply()和call()用法与异同分析

    这篇文章主要介绍了JavaScript函数apply()和call()用法与异同,结合实例形式分析了apply()和call()的功能、区别、使用方法及相关操作注意事项,需要的朋友可以参考下
    2018-08-08
  • IE8 中使用加速器(Activities)

    IE8 中使用加速器(Activities)

    在IE8中使用Activities感觉就是让自己使用IE更方便了,懒人就是得懒得底。
    2010-05-05

最新评论