首页 前端知识 vue echart实现3d地图可拖拽、缩放、区域填充颜色(geo3D)

vue echart实现3d地图可拖拽、缩放、区域填充颜色(geo3D)

2024-09-28 23:09:37 前端知识 前端哥 242 995 我要收藏
功能背景

一个略微比2d地图炫酷一些的3d地图,
1、可对区域进行不同颜色填充。
2、可拖拽缩放地图
3、鼠标悬停高亮某区域。
(注意:当开启了鼠标悬停series,并高亮某个数据的时候,会导致地图的拖拽缩放出现卡顿,因为相当于是事件重叠了。。。目前还没想到好的解决方案)
这里是5.0以上版本的echarts实现的

"echarts": "^5.4.1",
效果图

全景
在这里插入图片描述
悬停高亮
原理就是抬高了这个区域的高度,并且改变了颜色。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18675.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!