JS: 百度地图与腾讯/高德地图经纬度转换

前言

在开发中使用了第三方的数据，由于经纬度使用的是第三方的数组，他们使用的是百度的地图坐标。在项目中使用时，能用百度地图去解析自然是最好的，但是呢，该项目是基于微信小程序的，百度地图针对小程序提供的API功能不是很完善，难以实现想要的需求，所以采用腾讯官方的地图。

开始

使用不同的地图，相应的经纬度会存在些许偏差，腾讯和高德是同一坐标的，可以互用，百度的坐标与两者稍有不同，使用前，需要先经过换算。

实践

将腾讯/高德地图经纬度转换为百度地图经纬度

function 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 }
}

将百度地图经纬度转换为腾讯/高德地图经纬度

function 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 {lng: lngs,lat: lats        }
}

总结

嘘寒问暖不如打笔巨款~

JS: 百度地图与腾讯/高德地图经纬度转换相关推荐

百度地图与腾讯/高德地图经纬度转换
//将腾讯/高德地图经纬度转换为百度地图经纬度 //将腾讯/高德地图经纬度转换为百度地图经纬度 function qqMapTransBMap(lng, lat) {let x_pi = 3.1415 ...
WEB端唤起百度|腾讯|高德地图一键导航功能
WEB端唤起百度|腾讯|高德地图一键导航功能目录腾讯地图: 百度地图: 高德地图: 坐标拾取器: 腾讯地图: 极简写法: https://3gimg.qq.com/lightmap/v1/ma ...
高德地图去掉定位按钮_怎样修改百度地图店名怎么取消高德地图定位
11月28日下午,**百度地图今天公布了与四个北欧旅游局的战略合作,并公布了本月将在非洲.欧洲和亚洲推出的106个国家. 今年4月,百度地图正式发布了*对外开放国际化战略,并在年底宣传完成150多个国 ...
react 逆地理高德地图_react中使用高德地图的原生API
干货,无话 1.react-create-app,创建新react项目: 2.npm install react-amap,引入高德地图的封装: 3.编写组件index.js: import Reac ...
html页面调用高德地图,html前端使用高德地图入门教程,并在地图上标记位置-Go语言中文社区...
准备工作注册Key 首先, 登陆之后,在进入「应用管理」页面「创建新应用」为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」记住这个Key,等会要用,以后可能也会 ...
marker 头像高德地图_高德地图头像怎么更换高德地图更换头像图文教程
相信绝大部分人都知道微信头像以及QQ头像怎么更换,而设置头像也是很多人喜欢做的一件事情.而对于经常使用高德地图的用户来说,头像该怎么设置呢?对于这群用户,下面百事网小编为大家带来详细的高德地图更换头像 ...
android高德地图获取海拔_高德地图如何查经纬度和海拔
展开全部高德地图测海拔的具体方法如下: 1.第一步打636f70793231313335323631343130323136353331333366306564开高德地图的网页,找到并点击下方那行小 ...
高德API 经纬度转换地市区县（含读取文件）
高德API 经纬度转换地市区县(含读取文件) 本文章适合初学小白,步骤如下: 步骤一: 先申请一个高德API服务key https://console.amap.com/dev/key/app 生成k ...
Android 起调第三方导航，百度地图，高德地图，腾讯地图。起调高德地图导航
主要工具类 /*** Created by meixi on 2018/6/29.* 使用第三方导航:高德.百度..........*/ public class AmapUtil {public s ...
Android百度地图水波纹动画,高德地图实现水波纹扩散
功能修改,要求在地图上有个类似雷达的水波纹扩散的动画,通过大半天时间的研究.查找,终于完成了这项任务,话不多说,下面直接贴出代码,供有需要的兄弟参考, 1.首先在地图上画个圆如下图 2.新建个JS / ...

JS: 百度地图与腾讯/高德地图经纬度转换

前言

开始

实践

总结

JS: 百度地图与腾讯/高德地图经纬度转换相关推荐

最新文章

热门文章