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

最近开发小程序时出现一个问题,后台程序坐标采用的时百度地图的坐标,因为小程序地图时采用的腾讯地图的坐标系,两种坐标有一定的误差,导致位置信息显示不正确。现在需要一个可以转换两种坐标的方法,经过查询发现腾讯地图提供了一个接口用来将多种坐标类型转换成腾讯可用的坐标。

方法如下:

reverseGeocoder(options:Object)
本接口提供由坐标到坐标所在位置的文字描述的转换,输入坐标返回地理位置信息和附近poi列表。

options参数属性说明:

如图上所示,只需要传递坐标时加上参数coord_type:3即可。

腾讯地图文档地址:http://lbs.qq.com/qqmap_wx_jssdk/index.html

具体代码实现方式如下:

 1 // 引入SDK核心类
 2 var QQMapWX = require(‘xxx/qqmap-wx.js‘);
 3
 4 reverseLocation: function () {
 5     var that = this;
 6     // 实例化API核心类
 7     var demo = new QQMapWX({
 8         key: ‘开发密钥(key)‘ // 必填
 9     });
10     // 调用接口
11     demo.reverseGeocoder({
12       location: {
13         latitude: 百度地图纬度坐标,
14         longitude: 百度地图经度坐标
15       },
16       coord_type: 3,//baidu经纬度
17       success: function (res) {
18
19      }
20     });
21
22   }

地图坐标转换(火星、谷歌、百度、腾讯、高德等坐标):

https://www.jianshu.com/p/c39a2c72dc65?from=singlemessage



原文地址:https://www.cnblogs.com/dreamstartplace/p/10857009.html

时间: 2024-10-23 13:50:06

微信小程序--百度地图坐标转换成腾讯地图坐标的相关文章

5行代码实现微信小程序图片上传与腾讯免费5G存储空间的使用

本文介绍了如何在微信小程序开发中使用腾讯官方提供的云开发功能快速实现图片的上传与存储,以及介绍云开发的 5G 存储空间的基本使用方法,这将大大提高微信小程序的开发效率,同时也是微信小程序系列教程的视频版更新的文字版本摘要. 此文为 「60 节实战课微信小程序开发视频教程」 的第 51 小节内容,如果需要查看视频版本的实战操作,请直接跳至文章的最后部分查看. 1.云开发图片空间简介 在之前的文章 微信小程序开发平台新功能「云开发」快速上手体验 中我们简要介绍了腾讯官方给所有的微信小程序开发提供的云

微信小程序开发常见的拉起外部地图软件进行导航的功能

<view class="dh" bindtap="mapNavigation" data-addr="{{address}}"> 导航 <image class="imageD" src="{{pathUrl}}dh.png"></image> </view> // 引入SDK核心类 var QQMapWX = require('../../utils/qq

微信小程序 地图组件中marker无法使用网络图片问题

最近做微信小程序的时候,要做一个地图找房的功能,是这个样子的 后台贴心底提供了价格标签的图片 根据微信小程序文档,这里使用markers里的iconPath加载后台给我的url就行了 但是编译后却发现图片没有加载出来 直接给出我的解决方法 先把图片下载到本地,然后再进行使用 原文地址:https://www.cnblogs.com/hitore/p/8505643.html

微信小程序源码下载(200多个)

微信小程序源码下载汇总,点击标题进入对应的微信小程序下载页面. 最新 demo源码(点击标题进入帖子下载) 描述 1 微信小程序 会议室预定小程序 微信小程序 会议室预定小程序**** 本内容被作者隐藏 **** 2 微信小程序-双人五子棋小游戏 微信小程序-双人五子棋小游戏**** 本内容被作者隐藏 **** 3 打卡签到小程序 用微信小程序实现的一个简单的打卡签到的小程序拒绝 4 微信小程序---左滑删除 微信小程序---左滑删除**** 本内容被作者隐藏 **** 5 一个借钱的记事本的微

我们的微信小程序开发

基于微信小程序的系统开发准备工作 腾讯推出微信小程序也有一段时间了,在各种行业里面也都掀起一阵阵的热潮,很多APP应用被简化为小程序的功能迅速推出,同时也根据小程序的特性推出各种独具匠心的应用,相对传统的APP来说,微信小程序确实能够大大降低开发成本和难度,但也意味着需要掌握整个微信小程序的各种接口功能.应用场景等相关技术点,本篇随笔先从大的方面来介绍微信小程序开发的一些知识,如架构设计.技术路线 .工具准备等方面做一些浅薄的介绍,希望大家也有所收益,有所借鉴,则善莫大焉. 1.小程序的统一架构

微信小程序入门到实战(1)-基础知识

1.微信小程序介绍 微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用. 1.1. 为什么是微信小程序 ? 微信有海量用户,而且粘性很高,在微信里开发产品更容易触达用户: 推广app 或公众号的成本太高. 开发适配成本低. 容易小规模试错,然后快速迭代. 跨平台. 1.2. 微信小程序历史 2016年1月11日,微信之父张小龙时隔多年的公开亮相,解读了微信的四大价值观.张小龙指出,越来越多产品

微信小程序 --01

微信小程序开发基础 -- 开发前的准备 缘由 1月9日张小龙微信小程序正式上线,因为微信,所以小程序从诞生开始就头戴巨大的光环,很多的团队,公司以及开发的个体都眼巴巴的盯着这个小程序.而那个时候我却在全力以赴的研究node,所以也没有仔细的研究这个风风火火的小程序.本以为此生无甚交集,但是最近公司却准备开发小程序,而我也"幸运"的被选中...... 小程序上线有有一段时间了,虽然还是在不断的更新,但是却大体趋于稳定,网上也积累了一定的教程和帖子,所以在研究了一下之后也就决定将自己学习小

继上一个坑有一个坑(微信小程序一键登录之无法识别json数据)

前言:  作为一个运维人员不背锅,谁背呢! 正文: 开发人员和前端人员写好了微信小程序,然后坑出现了,安卓上打死不能一键登录.然后开始排查, 开始从数据上着手,不管是使用postman进行模拟测试数据,还是通过抓包查看数据,无任何问题,但是就是微信小程序无法判断改数据是json数据. 后来继续测试,打console.log 断点,抛数据出来查看发现 该数据 确实也存在问题,直接使用res.data 使用typeof 查看 确实为字符串,但是使用JSON.parse 却抛的微信小程序 百度都不能百

微信小程序看上去很美

目前不少关于 微信小程序 的文章主要集中在两各方面:一是开发技术细节:二是怎么靠此赚钱. -- “微信小程序”所处的环境 -- 2016年初,美国号召全民学编程,包括监狱服刑人员.同样,在中国要想掌握 HTML.JavaScript 和 SQL 技术也越来越容易,懂得毛皮的人也越来越多.加上政府近几年鼓励年轻人创业,尤其是“互联网+”概念,让很多人有创业的冲动:找几个朋友谋划个创业点子,找个懂点 HTML+JavaScript+SQL 技术的人合伙,不用营业执照,不用租用场地,未来之星就此诞生.