vue 数据大屏项目开发中，有时候会需要实现3d地图下钻效果，这里我们使用echarts-gl来实现3d地图。今天的3d地图是从中国->省->市三级下钻实例。除了使用echarts实现3d地图下钻，我们还可以使用threejs来实现下钻效果，threejs 3d地图实...
yekong
1年前 (2023-10-14)
喜欢
vue 数据大屏项目开发中，需要实现3d地图下钻效果，这里我们使用echarts-gl来实现3d地图。
渲染地图首先要安装依赖
使用echarts实现3d地图，我们需要安装依赖，echarts和echarts-gl的版本是一一对应的，版本差别很大可能会报错，这里我们使用的是e...
yekong
1年前 (2023-09-10)
喜欢
vue 数据可视化大屏项目开发中，使用echarts-gl实现3d地图时，客户对地图的颜色不满意，需要重新调配，但是设计师那边没有3d地图的设计图，又不好设计颜色，所以就想着要不做个调色板出来，让客户按照自己的喜好配置颜色吧。
3d地图
配色版
安装依赖
pnpm i lil...
yekong
2年前 (2023-06-05)
喜欢
5.vue echarts-gl 3d地图从中国下钻到市级实例
3d中国地图
3d省级地图
3d市级地图
实例代码
vue echarts-gl 3d地图从中国下钻到市级实例
4. vue echarts-gl 3d地图实现省级下钻实例
效果截图
实例代码
vue ec...
yekong
2年前 (2023-05-31)
喜欢
vue echarts-gl 渲染出来的3d地图有时候会超出显示的边界，导致显示不完整，我们希望地图加载后，能够完整的展示地图，这里我们可以通过boxWidth来控制。
关于boxWidth的描述如下：
三维地理坐标系组件在三维场景中的宽度。配合 viewControl.dist...
yekong
2年前 (2023-05-30)
喜欢
echarts-gl在渲染3d地图后，进行点击事件获取不到点击事件，排查后发现是因为数据没有放在series中，所以获取不到数据，将数据放入到series中后就可以正常获取点击事件了。
实例代码
drawEcharts() {
var that = this;
...
yekong
2年前 (2023-05-30)
喜欢
更新
2023年05月30日
之所以无法点击获取地图信息，是因为数据没有放在series中。vue echarts-gl 3d 点击地图无法获取监听事件
vue 可视化数据大屏 项目开发中,需要渲染3d地图，并且进行点击交换获取信息，上一篇中vue echarts-gl 3d地图...
yekong
2年前 (2023-05-30)
喜欢
vue 项目开发中 需要3d地图效果，这里我们使用的echarts echarts-gl来进行3d地图渲染。
3d地图渲染完成后，我们需要进行交互，点击地图获取信息，在echarts普通地图中，我们只需要监听click就可以了，
推荐解决方案
echarts-gl在渲染3d地图...
yekong
2年前 (2023-05-30)
喜欢
vue 可视化数据大屏 项目开发中,经常会需要echarts来渲染地图效果，在设置地图颜色的时候一般使用
itemStyle下的areaColor来控制地图的颜色，但是在echarts-gl下，areaColor是无效的
使用版本
因为后期可能这些问题会在新版本里解决，所以这里...
yekong
2年前 (2023-05-29)
喜欢
vue 数据可视化大屏 项目开发中，需要展示地名，因为地图已经是深色了，所以想设置label为白色，但是按照说明文档设置后无效,排查后，发现需要把设置参数设置在label下面。
问题
使用版本
因为后期可能这些问题会在新版本里解决，所以这里把版本号写出来，可能问题只会出现在当前...
yekong
2年前 (2023-05-29)
喜欢
