前端Js处理百度地图和腾讯/高德地图经纬度不同的转换问题

ps: 腾讯、高德、谷歌经纬度是一样的

方法一：

其实在百度和高德都各自提供了经纬度转换算法
高德：
https://lbs.amap.com/api/javascript-api/reference/lnglat-to-address/#m_AMap.convertFrom

百度：
http://lbsyun.baidu.com/jsdemo.htm#a5_1

我估计其他厂商应该也有

方法二：

直接贴代码

亲测有效

  /*** 1腾讯/高德地图转百度地图经纬度*/qqMapTransBMap(lng, lat) {let x_pi = 3.14159265358979324 * 3000.0 / 180.0;let x = lng;let y = lat;let z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi);let theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi);let lngs = z * Math.cos(theta) + 0.0065;let lats = z * Math.sin(theta) + 0.006;return {lng: lngs,lat: lats};}/*** 2百度转腾讯/高德*/bMapTransqqMap(lng, lat) {let x_pi = (3.14159265358979324 * 3000.0) / 180.0;let x = lng - 0.0065;let y = lat - 0.006;let z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);let theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);let lngs = z * Math.cos(theta);let lats = z * Math.sin(theta);return {longitude: lngs,latitude: lats};}

前端Js处理百度地图和腾讯/高德地图经纬度不同的转换问题相关推荐

百度地图与腾讯/高德地图经纬度转换
//将腾讯/高德地图经纬度转换为百度地图经纬度 //将腾讯/高德地图经纬度转换为百度地图经纬度 function qqMapTransBMap(lng, lat) {let x_pi = 3.1415 ...
WEB端唤起百度|腾讯|高德地图一键导航功能
WEB端唤起百度|腾讯|高德地图一键导航功能目录腾讯地图: 百度地图: 高德地图: 坐标拾取器: 腾讯地图: 极简写法: https://3gimg.qq.com/lightmap/v1/ma ...
vue 给圆遮盖物添加文字高德地图_通过 Vue + 高德地图 JS API 在地图上标记咖啡店...
通过 Vue + 高德地图 JS API 在地图上标记咖啡店由学院君创建于2年前, 最后更新于 2年前版本号 #1 在上一篇教程中我们为咖啡店地址进行了地理编码,这样,就可以调用高德地图支持的 ...
高德地图去掉定位按钮_怎样修改百度地图店名怎么取消高德地图定位
11月28日下午,**百度地图今天公布了与四个北欧旅游局的战略合作,并公布了本月将在非洲.欧洲和亚洲推出的106个国家. 今年4月,百度地图正式发布了*对外开放国际化战略,并在年底宣传完成150多个国 ...
react 逆地理高德地图_react中使用高德地图的原生API
干货,无话 1.react-create-app,创建新react项目: 2.npm install react-amap,引入高德地图的封装: 3.编写组件index.js: import Reac ...
marker 头像高德地图_高德地图头像怎么更换高德地图更换头像图文教程
相信绝大部分人都知道微信头像以及QQ头像怎么更换,而设置头像也是很多人喜欢做的一件事情.而对于经常使用高德地图的用户来说,头像该怎么设置呢?对于这群用户,下面百事网小编为大家带来详细的高德地图更换头像 ...
android高德地图获取海拔_高德地图如何查经纬度和海拔
展开全部高德地图测海拔的具体方法如下: 1.第一步打636f70793231313335323631343130323136353331333366306564开高德地图的网页,找到并点击下方那行小 ...
Android 起调第三方导航，百度地图，高德地图，腾讯地图。起调高德地图导航
主要工具类 /*** Created by meixi on 2018/6/29.* 使用第三方导航:高德.百度..........*/ public class AmapUtil {public s ...
Android百度地图水波纹动画,高德地图实现水波纹扩散
功能修改,要求在地图上有个类似雷达的水波纹扩散的动画,通过大半天时间的研究.查找,终于完成了这项任务,话不多说,下面直接贴出代码,供有需要的兄弟参考, 1.首先在地图上画个圆如下图 2.新建个JS / ...
地图获取后台数据怎么匹配到前台地图配置上_高德地图吊打百度个性地图更新版，成为最佳分析图利器...
本文转载自绿变变(ID:gsdqd1027) "我是一个正经的公众号也是一个有温度的人说到区位分析图,如何获取地图一直以来是大家都在讨论的问题,不单单要获取地图,还需要那种可以单独调出建 ...

前端Js处理百度地图和腾讯/高德地图经纬度不同的转换问题

前端Js处理百度地图和腾讯/高德地图经纬度不同的转换问题

方法一：

方法二：

前端Js处理百度地图和腾讯/高德地图经纬度不同的转换问题相关推荐

最新文章

热门文章