昨晚凌晨两点，盯着屏幕上的地图发呆，心里那股火气真是不打一处来。明明照着官网文档抄的代码，怎么我的点就是飘在半空，或者干脆缩在左下角那个像素点里？这echarts geo 坐标系的问题，真的能把人逼疯。今天不整那些虚头巴脑的理论，就说说我这几天跟它死磕的真实经历，全是血泪教训，希望能帮正在坑里挣扎的你少掉几根头发。
首先得说，很多人一开始都以为geo就是个简单的平面直角坐标系，x轴y轴对应经纬度。错！大错特错！geo坐标系是投影后的平面坐标，它跟经纬度根本不是一回事。我刚开始就是死脑筋，非要把经纬度直接当x,y传进去，结果地图上的点全乱套了，有的在北京，有的跑到了太平洋中间。后来我才明白，必须得用echarts自带的convertTo方法，把经纬度转成geo坐标系下的像素值。这一步要是搞不定，后面全白搭。
再说说那个geo.registerMap的问题。这也是个巨坑。很多人下载了geojson文件，直接扔进去，发现地图形状扭曲，或者省份边界对不上。其实这里有个细节，就是geojson里的坐标顺序和投影方式。如果你用的不是标准的WGS84坐标系，或者geojson本身有偏差，那地图显示出来肯定怪怪的。我试过好几个在线转换工具，最后发现还是自己手动调整geojson里的坐标范围最靠谱。虽然麻烦，但这是最稳的办法。
还有啊，那个tooltip的显示也是个头疼事。我想让鼠标悬停在某个省份上时，显示该省份的GDP数据，结果tooltip总是跟着鼠标乱跑，或者干脆不显示。查了半天文档，才发现是series里的coordinateSystem设成了'geo'，但tooltip里没指定对应的geoIndex。这细节官方文档里写得模模糊糊，新手根本注意不到。后来我在series里加了个geoIndex: 0，tooltip才乖乖听话。
说到价格，其实echarts本身是免费的，但如果你要搞高清地图数据，或者需要更精细的行政区划，那可能就得花钱买商业版的数据源了。不过对于大多数个人开发者来说，免费的开源geojson就够用了。只是要注意版权，别用在商业项目里惹麻烦。
避坑指南来了：第一，一定要用convertTo转换坐标；第二，检查geojson的坐标系统是否匹配；第三，tooltip记得指定geoIndex；第四，地图缩放时，注意坐标系的变化，可能需要重新计算位置；第五，别信网上那些过时的教程，echarts更新很快，旧方法可能早就失效了。
其实写代码就是这样，遇到问题别慌，一步步排查。我花了三天时间，试了十几种方法，最后才找到这个最稳妥的方案。虽然过程很痛苦，但解决那一刻的成就感，真的爽翻了。希望这篇能帮到你，如果觉得有用，记得点个赞，让我知道我不是在自言自语。
本文关键词：echarts geo 坐标系
