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

 更新时间: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); 
   }
  });
 },

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

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

相关文章

  • Flexigrid在IE下不显示数据的处理的解决方法

    Flexigrid在IE下不显示数据的处理的解决方法

    Flexigrid在IE下不显示数据的情况,想必大家都有遇到过吧,下面有个不错的解决方法,感兴趣的朋友可以参考下
    2013-10-10
  • js 判断 enter 事件

    js 判断 enter 事件

    本文是在Web中通过Javascript判断键盘按键事件,并改变按键的默认动作。
    2009-02-02
  • 微信小程序picker选择器获取值的2种方法示例

    微信小程序picker选择器获取值的2种方法示例

    picker为用户提供了多个选择,用户选了其中一种,但仍是需要有东西去告诉后台用户选了什么,下面这篇文章主要给大家介绍了关于微信小程序picker选择器获取值的2种方法,需要的朋友可以参考下
    2023-03-03
  • 微信小程序indexOf的替换方法(推荐)

    微信小程序indexOf的替换方法(推荐)

    这篇文章主要介绍了微信小程序indexOf的替换方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • 用javascript判断IE版本号简单实用且向后兼容

    用javascript判断IE版本号简单实用且向后兼容

    项目中需要判断IE版本号,又因为 jQuery 2.0 去除了对浏览器版本号的判断于是就看到一老外写的一段代码,下面与大家分享下
    2013-09-09
  • JavaScript实现字符串与HTML格式相互转换

    JavaScript实现字符串与HTML格式相互转换

    这篇文章主要介绍了JavaScript实现字符串与HTML格式相互转换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • JS 9个Promise面试题

    JS 9个Promise面试题

    这篇文章主要介绍了JS 9个Promise面试题,对异步Promise感兴趣的同学,可以参考下
    2021-05-05
  • Electron 结合 Selenium + chromedriver 驱动服务实现浏览器多开思路详解

    Electron 结合 Selenium + chromedriver 

    这篇文章主要介绍了Electron 结合 Selenium + chromedriver 驱动服务实现浏览器多开思路详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-07-07
  • JavaScript中split()方法举例详解

    JavaScript中split()方法举例详解

    这篇文章主要给大家介绍了关于JavaScript中split()方法的相关资料,split()方法在js处理字符串是很常见,也是很重要的一种方法必须熟练掌握,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • 实现在 Chrome 中执行 JavaScript 代码

    实现在 Chrome 中执行 JavaScript 代码

    这篇文章主要介绍了实现在 Chrome 中执行 JavaScript 代码,下面来介绍如何在 Chrome 中打开开发者工具,以及如何在开发者工具中运行调试 JavaScript 代码,具有一的的参考价值,需要的朋友可以参考一下
    2022-03-03

最新评论