做地图可视化三年了，最烦客户甩过来一句：“为什么我的点飘在太平洋上？” 或者 “坐标怎么全挤在一起了？” 这种echarts4 geo经纬度定位问题，新手十有八九会踩坑。今天不整虚的，直接上干货，帮你把那些飘忽不定的点给“钉”在地图上。
先说个真事。上周有个兄弟找我帮忙，说他的项目里，北京、上海这些大城市的数据，点在地图上乱飞。我一看代码，好家伙，经纬度反了。很多人习惯写 [纬度, 经度]，但GeoJSON和大多数地图引擎默认是 [经度, 纬度]。这一反，北京就跑到非洲去了。
所以，解决echarts4 geo经纬度定位问题，第一步就是检查数据格式。
别嫌我啰嗦，这一步能解决80%的低级错误。确保你的数据是 [lng, lat] 的顺序。如果你用的是百度地图，还得注意百度用的是BD09坐标系，而高德、腾讯、原生GeoJSON通常是WGS84或GCJ02。坐标系不统一，神仙也难救。
第二步，检查GeoJSON的注册。
很多教程里直接让你用 echarts.registerMap，但你有没有发现，有时候注册了地图，点就是不出来？或者地图是黑的？这通常是因为GeoJSON文件加载失败，或者JSON结构不对。
我遇到过一种情况，开发者从网上下载的GeoJSON，里面包含了大量的注释或者特殊字符，echarts解析的时候直接报错，导致地图渲染失败。这时候，控制台通常会报 JSON parse error。
解决办法很简单，用在线JSON校验工具跑一下你的GeoJSON文件。如果有错，修好它。如果没有错，那就看看你的registerMap里的name，是不是和GeoJSON里的properties.name完全一致？差一个空格，地图都加载不出来。
第三步，series里的type别写错。
这是最容易忽视的地方。很多人把series的type写成 'scatter'，然后指望它自动贴合地图。其实，对于Geo地图，你应该用 'effectScatter' 或者 'scatter'，但前提是你要在geo组件里把map属性设对。
更关键的是，如果你的数据量很大，直接渲染所有点，浏览器会卡成PPT。这时候，你需要对数据进行聚合，或者使用视觉映射（visualMap）来隐藏那些数值过小的点。
这里有个小技巧，你可以给echarts4 geo经纬度定位问题加一个调试模式。在console里打印出每个点的经纬度，看看它们是否在你的GeoJSON覆盖范围内。如果点都在地图外，那肯定是坐标系或者投影的问题。
再说说坐标系转换。
如果你手头只有WGS84的坐标，想在百度地图上显示，必须经过转换。别自己写转换公式，容易出错。直接用百度地图JS API提供的转换工具，或者用现成的npm包。这一步做不好，你的echarts4 geo经纬度定位问题永远解决不了。
最后，别忘了检查echarts的版本。
现在echarts5都出了，但你还在用echarts4吗？虽然4版本也很稳定，但有些新特性在4里不支持。如果你遇到一些奇怪的bug，试试升级一下版本，或者降级看看是不是兼容性问题。
总结一下，解决echarts4 geo经纬度定位问题，核心就三点：数据格式要对，坐标系要统一，GeoJSON要合法。
别一遇到问题就百度，很多老文章的方法早就过时了。多看看官方文档，多调试控制台。
如果你试了上面这些方法，还是搞不定，或者你的数据源比较特殊，比如是私有坐标系，那可能需要更深入的定制开发。这时候，找专业人士帮忙看看代码，比你自己瞎琢磨效率高得多。
毕竟，时间也是成本。别把精力浪费在那些基础错误上，把时间花在更有价值的业务逻辑上。
有问题欢迎留言，或者私信我，咱们一起聊聊。
