那天凌晨三点，我盯着屏幕上的地图发呆。
咖啡早就凉了，杯底结了一层褐色的垢。
我想做个数据大屏，老板说要那种高大上的，带光效的，还要能交互的。
我心想，这不简单吗？ECharts嘛，大厂出品，闭眼用。
结果呢？被地图坐标搞崩溃了。
很多人不知道echarts的geo的介绍里藏着多少坑。
起初，我以为只要引入个json文件，画个圆圈就完事了。
太天真了。
第一次尝试，我随便找了个中国地图的geojson。
代码敲得飞快，心里还美滋滋的。
运行一看，好家伙，地图歪得像个醉汉。
上海跑到了新疆，黑龙江缩成了一个小点。
那一刻，我感觉自己的智商受到了侮辱。
后来我去查文档，才发现echarts的geo的介绍里其实早就写了注意事项。
但我当时没仔细看，只想走捷径。
这就是典型的“想当然”害死人。
地理坐标系这东西，看着简单，水深得吓人。
不同的投影方式，坐标数据完全不一样。
你用的geojson是WGS84的，ECharts默认可能又是另一种。
不转换，直接画，那就是灾难现场。
我花了整整两天时间，去研究那个坐标系转换。
头发掉了一把，眼睛也酸得厉害。
终于，地图正了。
但新的问题又来了。
我想在地图上加点，显示各个城市的销售数据。
结果那些点，要么飘在空中，要么沉到地底下。
怎么调都调不准。
这时候我才意识到，echarts的geo的介绍里，关于visualMap和series的配置，其实是有讲究的。
特别是那个coordinateSystem属性，必须设为geo。
很多人写成map，那就直接废了。
我还遇到一个更奇葩的问题。
我想让地图在鼠标悬停的时候，高亮显示省份。
结果怎么弄都没反应。
查了半天，发现是geo组件里的regions配置写错了。
每个区域的name必须和geojson里的完全一致，连空格都不能多。
有个城市的名字，geojson里是“某某市”，我代码里写的是“某某 市”。
中间多了个空格，直接不匹配。
这种低级错误，真的让人想砸键盘。
生活就是这样，粗糙又真实。
没有那么多光鲜亮丽的教程，只有一个个深夜里的崩溃和重建。
但当你终于看到地图上那些数据点，随着鼠标移动，精准地亮起，那种成就感，真的爽翻。
所以，别一听echarts的geo的介绍就觉得难。
它只是有点脾气。
你得顺着它的毛摸。
第一，一定要确认你的geojson数据来源可靠。
别去网上随便下个过时的文件。
第二，死磕坐标系。
搞不懂投影，就别碰地图可视化。
第三，细心，再细心。
名字对不上，就是对不上。
别偷懒，别复制粘贴后不改名。
最后，我想说，做技术这行，就是不断填坑的过程。
echarts的geo的介绍写得再详细，也不如你自己踩一次坑记得牢。
如果你也在被地图坐标折磨，别慌。
深呼吸，喝口水。
回去检查你的coordinateSystem，检查你的regions配置。
实在搞不定，可以来找我聊聊。
我不一定总能帮你解决，但也许能陪你一起骂骂这该死的坐标系。
毕竟，孤独的代码之夜，有人陪聊也是一种慰藉。
别一个人硬扛。
技术是冷的，但人是热的。
希望能帮到你，哪怕只是一点点。
加油，打工人。
