做地图可视化这行快十年了，见过太多人死磕echarts官方文档，结果搞出来的地图要么灰蒙蒙，要么数据对不上号，最后急得抓耳挠腮。今天不整那些虚头巴脑的理论，直接说点掏心窝子的实战经验。你问怎么把数据往自定义geo上填？别慌，这坑我踩过，你也得知道怎么绕过去。
很多新手一上来就去找geojson，下载完直接扔进代码里，发现地图形状不对，或者数据死活显示不出来。其实问题出在坐标系的匹配上。echarts利用画好的geo放数据，核心不在于‘画’，而在于‘映射’。你得先搞清楚你的geojson里的name字段，和后端返回数据里的name字段，是不是完全一致。哪怕差一个空格，或者大小写不同，数据就挂不上去。
我有个客户，之前找了个外包团队做大屏，花了大几千，结果地图上的省份名字全是乱的，数据也是乱的。后来我接手一看，好家伙，geojson里的name是‘北京市’，但数据源里写的是‘北京’。这能对上才怪。所以第一步，清洗数据。别偷懒，用Excel或者Python跑一遍，确保所有名称完全匹配。这一步省不得，否则后面调试能让你怀疑人生。
第二步，注册地图。别急着setOption，先用echarts.registerMap('myMap', geoJsonData)把地图注册好。注意，这里的key必须和你option里的geo.map保持一致。我见过不少人这里写错，导致地图直接不显示，还以为是代码bug，折腾半天才发现是名字没对上。
第三步，配置series。这是最关键的一步。type设为'effectScatter'或者'scatter'，coordinateSystem设为'geo'。然后data数组里的每一项，必须包含name和value。name对应geojson里的区域名，value就是你要显示的数据。这里有个坑，如果你的geojson里有些区域没有数据，echarts默认会显示为灰色或者不显示。如果你想让没有数据的区域也显示底色，需要在geo的itemStyle里设置normal的color，或者在series里设置silent为true，避免误触。
举个真实案例。去年我给某物流公司做供应链可视化，涉及全国300多个城市。数据源来自ERP系统，格式乱七八糟。我花了两天时间清洗数据，把城市名统一成国标代码对应的名称。然后自定义了一个geojson，只保留物流网点所在的省份和主要城市。最后通过echarts利用画好的geo放数据，实现了动态热力图效果。客户看完直呼内行，说这效果比他们之前用的BI工具强多了。
当然，还有更头疼的情况。比如你要做县级地图，数据量巨大，渲染卡顿。这时候别硬扛，用canvas渲染模式，或者简化geojson的精度。我试过把县级geojson的点数减少30%，肉眼几乎看不出区别，但渲染速度提升了两倍不止。这招在性能优化时特别管用。
另外，别忽视tooltip的定制。默认tooltip只显示name和value，太单调。你可以自定义formatter函数，返回HTML字符串，加入图片、链接甚至简单的图表。比如，点击某个省份，不仅显示销售额，还显示增长率和排名。这种细节最能打动用户，也最能体现你的专业度。
最后，调试工具要用好。浏览器控制台里的echarts调试插件，能帮你快速定位数据绑定问题。如果地图显示异常，先检查console有没有报错，再看network里geojson加载是否成功。很多时候，问题就出在跨域或者路径错误上。
总之，echarts利用画好的geo放数据，看似简单，实则细节满满。别指望复制粘贴就能搞定，多动手，多测试，多踩坑，才能积累经验。希望这些经验能帮你少走弯路，早点下班。毕竟，代码是写不完的，生活才是自己的。
