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

微信小程序中的百度地图坐标转腾讯地图坐标详解

在微信小程序开发中，我们经常需要将百度地图的经纬度转换为腾讯地图的坐标。这主要是因为直接引用百度地图的经纬度在腾讯地图上可能导致位置信息显示不准确。为此，我们可以利用腾讯地图提供的API进行转换。

如果没有开发密钥（key），需要去腾讯地图官方文档进行申请和下载qqmap-wx-jssdk.js文件。申请过程简单直接，只需填写相关信息即可获得密钥。

在微信小程序中，我们可以使用地图组件进行展示，使用wxml代码定义地图的基本结构和属性，如id、经度、纬度、标记等。我们还需要在js代码中引入SDK核心类，并进行百度经纬度和腾讯经纬度的转换。

转换过程并不复杂。首先实例化API核心类并传入申请的开发密钥。然后调用reverseGeocoder接口，传入百度经纬度和坐标类型（这里为3，代表百度经纬度）。在成功获取转换后的经纬度后，我们可以更新地图标记并展示新的位置信息。

以下是具体的js代码示例：

```javascript

// 引入SDK核心类

var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js');

Page({

// ...其他代码

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, // 百度经纬度

success: function(res) {

var latitude = res.result.ad_info.location.lat;

var longitude = res.result.ad_info.location.lng;

var markers = [{

iconPath: '../../../images/mon/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);

}

});

},

// ...其他代码

});

```

此过程亲测可行，能有效解决百度地图经纬度在腾讯地图上显示不准确的问题。希望这篇文章能为大家的学习和工作带来帮助，也希望大家多多支持狼蚁SEO。