本文关键词：echarts4 geo经纬度定位问题
昨晚凌晨两点，我盯着屏幕上那堆乱成一团的散点，心态真的崩了。
明明坐标没错，为什么地图上的点全跑到了太平洋里？
或者干脆缩在非洲大陆边缘，怎么调都对不上。
如果你也遇到过这种echarts4 geo经纬度定位问题，别急着骂人。
这其实是个经典的坐标系陷阱，90%的坑都出在这里。
我花了整整三天，翻遍了官方文档和GitHub上的issue，才终于把这个问题彻底解决。
今天就把这个血泪教训分享出来，希望能帮兄弟们省点头发。
首先，你得搞清楚一个核心概念：经纬度的顺序。
很多新手习惯写 [经度, 纬度]，但在Echarts里，Geo系列默认是 [纬度, 经度]。
也就是 [lat, lng]。
这个顺序反了，你的点就会直接飞到地球的另一端去。
我之前的项目里，数据源是百度地图API给的，它返回的是 [lng, lat]。
直接扔进Echarts，结果就是满屏乱飞，怎么调试都找不到北。
后来我加了个转换函数，把顺序互换了一下，瞬间就对了。
但这还不是最坑的。
更麻烦的是坐标系的问题。
Echarts的Geo组件，默认使用的是WGS84坐标系。
如果你用的是GCJ02（火星坐标）或者BD09（百度坐标），直接画上去绝对会偏移。
这种偏移不是几像素的问题，而是整个地图都错位。
我之前接了一个物流轨迹的项目，数据全是百度地图的。
一开始怎么都对不齐，我甚至怀疑是GeoJSON文件坏了。
后来查资料才发现，必须把坐标转换一下。
网上有很多现成的转换库，比如coord-transform。
把BD09转成WGS84，再喂给Echarts，地图上的点就乖乖待在该在的地方了。
还有一个容易被忽视的细节，就是GeoJSON的解析。
有时候你下载了某个地区的GeoJSON，发现地图显示不出来，或者形状怪怪的。
这可能是因为GeoJSON里的坐标也是特定坐标系的。
比如高德地图的GeoJSON，可能用的是GCJ02。
这时候你需要在初始化Echarts实例后，手动注册这个GeoJSON。
并且要确保数据里的坐标和GeoJSON的坐标系一致。
我遇到过一次，因为坐标精度不够，导致某些小岛显示不出来。
后来把精度提高到小数点后六位，问题就解决了。
当然，如果你只是做简单的展示，不想搞这么复杂。
可以直接使用Echarts自带的中国地图数据。
它已经内置了正确的坐标系和GeoJSON。
你只需要确保你的数据也是WGS84坐标系就行。
这样能省去很多不必要的麻烦。
总之，解决echarts4 geo经纬度定位问题，关键就三点。
第一，检查经纬度顺序，是 [lat, lng] 还是 [lng, lat]。
第二，确认坐标系，WGS84、GCJ02还是BD09，必须统一。
第三，检查GeoJSON数据源，确保它和数据的坐标系匹配。
这三点搞定了，你的地图基本就不会出大问题了。
别小看这些细节，一旦搞错，排查起来真的让人头秃。
我当初为了调一个点的坐标，差点把键盘砸了。
现在回头看，其实就是几个小坑而已。
希望这篇笔记能帮你避坑，早点下班回家陪家人。
毕竟，代码是写不完的，但头发是有限的。
加油吧，前端人！
