ECharts湖北省地图可视化开发注意事项
湖北地图的可视化开发，ECharts 用起来还挺顺手的，尤其是配合 registerMap 方法。不过注意哈，地图名要和实际数据文件一致，像是 echarts.registerMap('湖北', ...)，里面那个 '湖北'，你不能随便写，否则加载不出来。
你要是用的是 湖北.js 这种 GeoJSON 封装文件，那里面基本就是湖北省的轮廓数据，结构也不复杂，就是一堆地理坐标和属性字段。你可以用 require('./湖北.js') 加进来， registerMap 一下就行。
不过哈，多时候你得稍微动动手。比如边界不太对、城市名字想优化下，或者想加点交互效果，都得靠你自己调整 GeoJSON 里的 properties。还可以配合 chart.on('click', fn) 来加交互，比如点击地图区域出详情页。
样式这块也可以玩不少东西，像颜色、hover 高亮、选中状态啥的，直接配合 ECharts 的系列样式来搞就行，灵活。数据绑定的话，建议你提前在 GeoJSON 里加好字段，后续展示人口、GDP 这些也方便。
要注意的是，地图数据也会过时，建议你定期去社区查查有没有新版地图，比如地级市变动、新增区域之类的，不然有些图会画错。你也可以逛逛下面这几个链接，蛮实用的：
如果你准备给湖北地图加点花活，比如样式、交互、数据联动，那一定要先把 registerMap 用对，对 湖北.js 文件的结构心里有点数，动起来就会顺多了。
文件大小：1.46MB
评论区