Echarts最简单的地图投影方式，这种效果泰裤辣！
2023-06-27 15:21:35 哔哩哔哩
01 背景
在数据可视化项目里面经常会用到地图随机选中或地图定时选中的效果，结合各个地图api 和可视化库对比发现：用ECharts的地图组件实现较为简单。
【资料图】
地图组件一直是 ECharts 中使用非常广泛的组件。一般地图组件会使用存储了经纬度的 GeoJSON 格式的数据，而 ECharts 则计算出合适的显示区域然后把经纬度线性映射到这个区域，这是一种最简单的地图投影方式。
02 最终效果
看着这种效果，是不是觉得很酷！话不多说，马上开始！
03 准备工作
安装ECharts
下载最新版本的ECharts(官网)
/zh/
下载经纬度数据
下载中国经纬度的 GeoJSON json数据(国内在高德地图下载)
/portal/school/atlas/area_selector
重命名文件
把下载的json文件保存到项目目录并命名为，数据里面存储了国内34个省级行政区域的地理经纬度坐标信息。
代码
如果实在不知道代码怎么写？没关系，小趣已经帮大家准备好了，可以参考着来哦~
04 代码
05 写在最后
ECharts不仅能做出地图随机选择和高亮的效果，在其他数据可视化场景下的表现也是很棒的！有兴趣的小伙伴可以自行研究一下~
上一篇 : 云南省曲靖市2023-06-20 00:52发布地质灾害黄色预警 焦点播报
下一篇 : 最后一页
x