共计 243 个字符,预计需要花费 1 分钟才能阅读完成。
功能背景
一个略微比 2d 地图炫酷一些的 3d 地图,
1、可对区域进行不同颜色填充。
2、可拖拽缩放地图
3、鼠标悬停高亮某区域。
(注意:当开启了鼠标悬停 series,并高亮某个数据的时候,会导致地图的拖拽缩放出现卡顿,因为相当于是事件重叠了。。。目前还没想到好的解决方案)
这里是 5.0 以上版本的 echarts 实现的
"echarts": "^5.4.1",
效果图
全景
悬停高亮
原理就是抬高了这个区域的高度,并且改变了颜色。
原文地址: vue echart 实现 3d 地图可拖拽、缩放、区域填充颜色(geo3D)
正文完