地图坐标系转换JS库

GPS转其它坐标系

gcoord(geographic coordinates)是一个处理地理坐标系的JS库,用来修正百度地图、高德地图及其它互联网地图坐标系不统一的问题。 支持转换坐标数组和 GeoJSON 数据,无外部依赖,能在 nodejs、所有现代浏览器(IE8+)和 React Native 等环境中运行,gzip后仅3kb

npm
css 复制代码
npm i gcoord
script直接引用
xml 复制代码
<script src="https://unpkg.com/gcoord/dist/gcoord.global.prod.js"></script>
gcoord使用
javascript 复制代码
// CommonJS:
const gcoord = require('gcoord');
// ES Module:
import gcoord from 'gcoord';
// GPS转百度
var result = gcoord.transform(
  [116.403988, 39.914266],    // 经纬度坐标
  gcoord.WGS84,               // 当前坐标系
  gcoord.BD09                 // 目标坐标系
);
console.log(result);  // [116.41661560068297, 39.92196580126834]
// GPS转高德
var result = gcoord.transform(
  [116.403988, 39.914266],    // 经纬度坐标
  gcoord.WGS84,               // 当前坐标系
  gcoord.GCJ02                 // 目标坐标系
);
GPS转_天地图

备注:CGCS2000 与 WGS-84 在实际应用中非常接近,通常可以直接将 WGS-84 坐标作为 CGCS2000 坐标使用

其它参数
CRS 坐标格式 说明
gcoord.WGS84 [lng,lat] WGS-84坐标系,GPS设备获取的经纬度坐标
gcoord.GCJ02 [lng,lat] GCJ-02坐标系,google中国地图、soso地图、aliyun地图、mapabc地图和高德地图所用的经纬度坐标
gcoord.BD09 [lng,lat] BD-09坐标系,百度地图采用的经纬度坐标
gcoord.BD09LL [lng,lat] 同BD09
gcoord.BD09MC [x,y] BD-09米制坐标,百度地图采用的米制坐标,单位:米
gcoord.BD09Meter [x,y] 同BD09MC
gcoord.Baidu [lng,lat] 百度坐标系,BD-09坐标系别名,同BD-09
gcoord.BMap [lng,lat] 百度地图,BD-09坐标系别名,同BD-09
gcoord.AMap [lng,lat] 高德地图,同GCJ-02
gcoord.WebMercator [x,y] Web Mercator投影,墨卡托投影,同EPSG3857,单位:米
gcoord.WGS1984 [lng,lat] WGS-84坐标系别名,同WGS-84
gcoord.EPSG4326 [lng,lat] WGS-84坐标系别名,同WGS-84
gcoord.EPSG3857 [x,y] Web Mercator投影,同WebMercator,单位:米
gcoord.EPSG900913 [x,y] Web Mercator投影,同WebMercator,单位:米
相关推荐
进击的尘埃2 分钟前
Vue3 中 emit 能 await 吗?事件机制里的异步陷阱
javascript
青青家的小灰灰12 分钟前
告别 Prop Drilling:Context API 的陷阱、Reducer 模式与原子化状态库原理
前端·javascript·react.js
叶智辽14 分钟前
【Three.js后期处理】如何让你的场景拥有电影级调色
前端·three.js
进击的尘埃15 分钟前
CSS 变量 + 主题切换:从 CSS-in-JS 回归原生方案的实践之路
javascript
前端付豪15 分钟前
Nest 项目小实践之前端注册登陆
前端·node.js·nestjs
wuhen_n16 分钟前
Suspense:异步组件加载机制
前端·javascript·vue.js
wuhen_n16 分钟前
Teleport:渲染到任意DOM节点
前端·javascript·vue.js
进击的尘埃17 分钟前
组合式函数的设计模式:如何写出真正可复用的 Vue3 Composables
javascript
Moment17 分钟前
想要长期陪伴你的助理?先从部署一个 OpenClaw 开始 😍😍😍
前端·后端·github
前端Hardy17 分钟前
别再用 $emit 满天飞了!Vue 3 组件通信的 4 种正确姿势,第 3 种 90% 的人不知道
前端·vue.js·面试