分类:echarts 3D地图

echarts 3D地图

vue echarts-gl 3d地图从中国下钻到市级实例

vue echarts-gl 3d地图从中国下钻到市级实例
vue 数据大屏项目开发中,有时候会需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。今天的3d地图是从中国->省->市三级下钻实例。除了使用echarts实现3d地图下钻,我们还可以使用threejs来实现下钻效果,threejs 3d地图实...

yekong 9个月前 (10-14) 2075℃ 0喜欢

vue echarts-gl 3d地图实现下钻实例

vue echarts-gl 3d地图实现下钻实例
vue 数据大屏项目开发中,需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。 渲染地图首先要安装依赖 使用echarts实现3d地图,我们需要安装依赖,echarts和echarts-gl的版本是一一对应的,版本差别很大可能会报错,这里我们使用的是e...

yekong 10个月前 (09-10) 905℃ 0喜欢

vue echarts-gl 3d地图结合gui实现面板配色

vue echarts-gl 3d地图结合gui实现面板配色
vue 数据可视化大屏项目开发中,使用echarts-gl实现3d地图时,客户对地图的颜色不满意,需要重新调配,但是设计师那边没有3d地图的设计图,又不好设计颜色,所以就想着要不做个调色板出来,让客户按照自己的喜好配置颜色吧。 3d地图 配色版 安装依赖 pnpm i lil...

yekong 1年前 (2023-06-05) 714℃ 0喜欢

vue3 echarts-gl 3d地图实例汇总

vue3 echarts-gl 3d地图实例汇总
5.vue echarts-gl 3d地图从中国下钻到市级实例 3d中国地图 3d省级地图 3d市级地图 实例代码 vue echarts-gl 3d地图从中国下钻到市级实例 4. vue echarts-gl 3d地图实现省级下钻实例 效果截图 实例代码 vue ec...

yekong 1年前 (2023-05-31) 1086℃ 0喜欢

vue echarts-gl 3d地图设置地图大小

vue echarts-gl 3d地图设置地图大小
vue echarts-gl 渲染出来的3d地图有时候会超出显示的边界,导致显示不完整,我们希望地图加载后,能够完整的展示地图,这里我们可以通过boxWidth来控制。 关于boxWidth的描述如下: 三维地理坐标系组件在三维场景中的宽度。配合 viewControl.dist...

yekong 1年前 (2023-05-30) 1202℃ 0喜欢

vue echarts-gl 3d 点击地图无法获取监听事件

vue echarts-gl 3d 点击地图无法获取监听事件
echarts-gl在渲染3d地图后,进行点击事件获取不到点击事件,排查后发现是因为数据没有放在series中,所以获取不到数据,将数据放入到series中后就可以正常获取点击事件了。 实例代码 drawEcharts() { var that = this; ...

yekong 1年前 (2023-05-30) 1016℃ 1喜欢

vue echarts-gl 3d地图点击获取区域信息

vue echarts-gl 3d地图点击获取区域信息
更新 2023年05月30日 之所以无法点击获取地图信息,是因为数据没有放在series中。vue echarts-gl 3d 点击地图无法获取监听事件 vue 可视化数据大屏 项目开发中,需要渲染3d地图,并且进行点击交换获取信息,上一篇中vue echarts-gl 3d地图...

yekong 1年前 (2023-05-30) 1059℃ 1喜欢

vue echarts-gl 3d地图获取点击事件

vue echarts-gl 3d地图获取点击事件
vue 项目开发中 需要3d地图效果,这里我们使用的echarts echarts-gl来进行3d地图渲染。 3d地图渲染完成后,我们需要进行交互,点击地图获取信息,在echarts普通地图中,我们只需要监听click就可以了, 推荐解决方案 echarts-gl在渲染3d地图...

yekong 1年前 (2023-05-30) 1438℃ 0喜欢

vue echarts-gl 3d地图设置地图颜色以及鼠标移入后的颜色

vue echarts-gl 3d地图设置地图颜色以及鼠标移入后的颜色
vue 可视化数据大屏 项目开发中,经常会需要echarts来渲染地图效果,在设置地图颜色的时候一般使用 itemStyle下的areaColor来控制地图的颜色,但是在echarts-gl下,areaColor是无效的 使用版本 因为后期可能这些问题会在新版本里解决,所以这里...

yekong 1年前 (2023-05-29) 931℃ 0喜欢

vue echarts 3d地图显示label并可以自定义颜色和大小

vue echarts 3d地图显示label并可以自定义颜色和大小
vue 数据可视化大屏 项目开发中,需要展示地名,因为地图已经是深色了,所以想设置label为白色,但是按照说明文档设置后无效,排查后,发现需要把设置参数设置在label下面。 问题 使用版本 因为后期可能这些问题会在新版本里解决,所以这里把版本号写出来,可能问题只会出现在当前...

yekong 1年前 (2023-05-29) 659℃ 0喜欢