|
' `- X. |! l+ f n6 ? l 为什么要进行坐标系转换？ 5 A8 D, E" y6 Z ~+ `
因为国内对地理坐标有特殊的政策，GPS获取的原始坐标不能在互联网上对外提供，所有电子地图必须对位置做偏移处理，这就导致从底层接口得到的坐标展示在地图上会有偏移。这种偏移不是线性的，不能简单地通过加减来校正，并且不同的地图提供商采用的算法也不一样。不同的坐标系之间可能有几十到几百米的偏移，所以在地图上绘制矢量图形、做地理数据可视化时，需要修正不同坐标系之间的偏差。 8 h& u$ B% p7 b- [9 n3 O$ W
l 关于坐标系 ) S6 t! G3 W6 u4 m/ `
通常GPS获取的是WGS84坐标体系，包括很多国外地图厂商提供的地图数据也是WGS84坐标体系，但是在我国，由于政策原因，在地图发布和出版的时候，坐标至少需要经过国家测绘局加密，也就是对WGS84坐标进行一次非线性加偏，得到GCJ02坐标系，俗称火星坐标。
. q$ V, ^4 a; Q9 s$ g1 Z 另外，国内许多地图公司，由于各种原因，会在火星坐标的基础上进行二次非线性加偏，得到自己的坐标系统，各地图厂商使用坐标系情况如下 。 ( m0 w% ^7 d* d0 o! |$ o
W" V' H, \: }) T5 R) L# ^ l 坐标转换方法1 ]5 c/ d+ k7 Y2 `# ^$ Z6 j9 M
整理了一下坐标系转换的方法，仅限单个数组转换 \3 U$ q9 o+ J3 Y. K
火星坐标转wgs84 + O3 o5 x. ~2 S+ \3 P8 U' e
// 火星坐标转wgs84; y' W/ j7 J; m c x, Q+ G
function gcj02towgs84(lng, lat) {
9 p& w4 W' M( u | var x_PI = 3.14159265358979324 * 3000.0 / 180.0;# j2 {) {, R2 ^! Q
var PI = 3.1415926535897932384626;
+ L2 f$ `% R& J$ d var a = 6378245.0;4 v0 A+ J# k) c, }8 \3 n$ ]
var ee = 0.00669342162296594323;
7 |& V( c) u/ g if ((lng < 72.004 || lng > 137.8347) || ((lat < 0.8293 || lat > 55.8271) || false)) {
6 _* Q2 @* b) m; D# I) @2 _: b+ P( q return [lng, lat]
A$ @) @8 x' _* u# @3 I }
; q* \5 @$ ?' A; m' U: v- A else {
4 l; L2 m$ d2 W var dlat = ((lng, lat) => {
7 u g" v, ~5 w1 p2 u var ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng));
% x2 W. G5 V7 o$ r ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
$ u- _6 Z" y+ Y; n ret += (20.0 * Math.sin(lat * PI) + 40.0 * Math.sin(lat / 3.0 * PI)) * 2.0 / 3.0;' M8 X5 W% s4 z2 J$ ]
ret += (160.0 * Math.sin(lat / 12.0 * PI) + 320 * Math.sin(lat * PI / 30.0)) * 2.0 / 3.0;
- E* ~1 T- \, g9 f1 e5 ]' x/ } return ret
! F% }& d0 |8 } })(lng - 105.0, lat - 35.0);6 q) p' [; h; Q9 L5 {$ ^2 H
var dlng = ((lng, lat) => {) G' M" x8 _* s1 C1 i7 ~% V
var ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng));
4 x5 G0 W* e/ A, d ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
( t# Y8 h& g; [7 f, h% \6 y0 Z ret += (20.0 * Math.sin(lng * PI) + 40.0 * Math.sin(lng / 3.0 * PI)) * 2.0 / 3.0;
9 }% P" q ^; Y! L- { ret += (150.0 * Math.sin(lng / 12.0 * PI) + 300.0 * Math.sin(lng / 30.0 * PI)) * 2.0 / 3.0;+ P4 ^: s- L V9 \
return ret
' J a7 I0 j2 g/ h3 K/ L( r* @ })(lng - 105.0, lat - 35.0);
# u6 n0 V! D- e1 R; r' V% \ var radlat = lat / 180.0 * PI;
h% n. `) S; J' M# w/ h% \ D8 a var magic = Math.sin(radlat);3 k! n- V& ?: \$ S
magic = 1 - ee * magic * magic;
2 N8 A: M4 I+ Q+ G2 n1 N var sqrtmagic = Math.sqrt(magic);
' [/ x0 f, @, |5 C+ @% z" P dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);& K, ^4 P& K$ k3 I* K8 ?9 z( o
dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
- p( N: x+ R( m mglat = lat + dlat;
; `* g( a6 R% X mglng = lng + dlng;
' c5 M0 u; q6 c Y" e& u return [lng * 2 - mglng, lat * 2 - mglat]/ B t% c2 ?; D( R' H& I
}7 C. m: c3 r; y6 j
}
- f, C2 o A+ o3 x8 f. v wgs84转火星坐标
) ~% a V0 Y4 K. o0 C# o7 Q // wgs84转火星坐标1 p% O, n2 W% P. V( x* g
function wgs84togcj02(lng, lat) {
" {& M X5 ^0 H# a var x_PI = 3.14159265358979324 * 3000.0 / 180.0;
# X# s! u8 {4 s var PI = 3.1415926535897932384626;6 i" F7 x8 V" q9 _
var a = 6378245.0;
6 V6 y2 K7 g% m var ee = 0.00669342162296594323;4 X) C# \& ^( k4 B% w
if ((lng < 72.004 || lng > 137.8347) || ((lat < 0.8293 || lat > 55.8271) || false)) {
! l6 u0 s" _- d return [lng, lat]' i) {% ~9 |- [9 ^: j3 |. c2 Z
} else {
! j) \$ p4 c) s, ~) q. q( {2 d var dlat = ((lng, lat) => {
- Q) q) C3 v8 ]0 [# ? var ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng));
S" m) ^0 v# X$ ]2 L ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;$ [ z9 J( i2 v7 K7 X6 y( u
ret += (20.0 * Math.sin(lat * PI) + 40.0 * Math.sin(lat / 3.0 * PI)) * 2.0 / 3.0;
, p c# h0 s% J3 Y, l" L' L( U ret += (160.0 * Math.sin(lat / 12.0 * PI) + 320 * Math.sin(lat * PI / 30.0)) * 2.0 / 3.0;0 K/ u2 ]) b0 Z/ J t% z6 W3 d
return ret
) X/ K/ p% P. K U9 c$ o0 W! W9 M })(lng - 105.0, lat - 35.0);
8 d; N; g7 i( `; r. I var dlng = ((lng, lat) => {6 ^( L2 F( W l6 N
var ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng));0 v6 {. b2 r$ ^& a# G
ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;- d& W4 p( v+ Y8 J' B0 K; J1 ]0 |/ n
ret += (20.0 * Math.sin(lng * PI) + 40.0 * Math.sin(lng / 3.0 * PI)) * 2.0 / 3.0;
( w8 E8 y, _( U8 ^- q5 p1 z1 S# C ret += (150.0 * Math.sin(lng / 12.0 * PI) + 300.0 * Math.sin(lng / 30.0 * PI)) * 2.0 / 3.0;
- \0 e0 p: [9 e return ret& D# ~7 W/ `) f) [/ g: V
}) Q5 ~9 V7 n$ S2 X m( ]
)(lng - 105.0, lat - 35.0);
' q# H7 e. z1 H; o+ c# C var radlat = lat / 180.0 * PI;7 { q7 n; l1 J6 f e, y7 o
var magic = Math.sin(radlat);
( J+ ~7 V* g0 L magic = 1 - ee * magic * magic;5 |! K9 l) N! T$ q, ]6 b$ d
var sqrtmagic = Math.sqrt(magic);
0 k7 l3 `( i j$ { dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);
% H( A2 v; N, a( |3 O4 w: C dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
3 U/ ~% o" P1 U- c- P# l var mglat = lat + dlat;
, g* U P: H; j9 H) i) B- x4 @; H var mglng = lng + dlng;& C9 o+ N6 E6 v. j
return [mglng, mglat]
# Z5 g x1 u( l3 ~* Z9 l. k }5 ?4 o5 E" J3 ~, H5 C7 Z- A
} - I! y3 S+ ]# N+ M. f, i
百度转火星坐标 5 C' H E# w) e+ ]+ ^
// 百度转火星坐标0 H) f$ d1 c# I9 z L/ b0 A9 H
const bd2xh = (bd_lng, bd_lat) => {
# \0 g; {- k) S5 x+ m const x_pi = Math.PI * 3000.0 / 180.0;
0 l6 m5 }- k+ N) Y const x = bd_lng - 0.0065;
+ G7 ~% ]( ~& B' t; B+ ^6 m' U$ x. e& P8 _ const y = bd_lat - 0.006;" \7 @% O8 _- U# z; g9 w
let z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);8 s! l0 v, a) n: w
let theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);5 D. V# n6 b6 N/ W
return [z * Math.cos(theta), z * Math.sin(theta)];( M! {7 k u" w! M. p
} 3 K& {" m5 E# h
l 坐标转换工具 0 ~5 w( F# V! _
有的静态数据不需要动态转换也有现成的在线坐标系转换工具可以直接拿来用
! W* r$ c4 H. ], _ 4 g8 A- p1 j9 L, c
支持常见百度地图（BD09）、火星坐标系（GCJ02）、WGS84坐标系之间的相互转换
) f. Q- l! m* W5 E/ R4 k; H* s 具体支持的坐标系转换如下
/ T# c8 h1 H6 Y+ {. ^) P 1）WGS-84 → GCJ-02 * n& S- P( s3 N( i* r3 x
2）WGS-84 → BD-09
' Y) p a4 @+ p7 N: ~! ] t 2）GCJ-02 → WGS-84
8 Y# n m; L5 U& U 3）GCJ-02 → BD-09 . K9 ^0 [9 X; ?7 M: v; h
4）BD-09 → GCJ-02 * R. J6 R% E" g1 F6 }# R$ A
5）BD-09 → WGS-84
, v6 y, X+ d z5 D 支持单个数组、不包含嵌套关系的对象、标准GeoJSON , }; G, @, T& o8 x0 X/ p
这个工具也还可以获取行政边界数据、地图数据模拟 $ g* h; J, f# y9 u0 r
D/ i2 T, Q% _- \
关注【官方微信公众号】，查看更多可视化资讯～等你呦1、EasyV数字孪生可视化2、易知微数字孪生世界 EasyV数字孪生可视化平台免费试用易知微官网，申请EasyV免费试用，个人版已上线，立即去免费体验！ / C0 }* H u0 N
免费试用期间：运营、产品、设计、技术人员专业一对一拉群指导，解答疑惑。 * c2 I V4 h1 W& Y0 M
: }* n( p+ s1 \- y( U; I
; H7 Q/ A( E& h
4 v0 Z8 A4 ]# u+ I# A7 {3 B2 C4 d6 X. K4 w4 j
| 
