首页 > 课堂 > 小程序 > 正文

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

2020-03-21 15:52:28
字体:
来源:转载
供稿:网友

百度地图的经纬度放到腾讯地图里面解析地址,导致位置信息显示不正确,所以利用腾讯地图提供的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);    }  }); },

微信小程序,百度地图,腾讯地图

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

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表