【数字孪生实战案例】如何配置下拉菜单,实现与电子地图飞线的数据联动查询?~山海鲸可视化

在山海鲸可视化大屏中,电子地图飞线是数据联动展示的常用效果。通过合理配置下拉菜单组件,可实现菜单选项与电子地图飞线的联动筛选,按需查询对应数据线路,让地理信息展示更智能、更灵活。

1.在左侧组件库中添加**"基础下拉菜单"** 和**"GIS电子地图(基础)"**至项目中。

接着双击进入编辑界面,选择**"标绘"** ,添加**"飞线"**至项目中。

2.选中基础飞线组,右击**"复制数据"**,将其粘贴至Excel表中。

接着在Excel表中,可以修改**"名称"**,便于后续下拉菜单检索查询。

3.选中基础飞线组,在右侧**"数据"** 配置栏中,勾选相关数据,将自由飞线组进行隐藏,开启**"受其他组件联动"**选项。

4.退出编辑模式,选中基础下拉菜单组件,在右侧**"样式"** 配置栏中将选项设置改为**"来自数据"**。

接着在**"数据"** 配置栏勾选相关数据,同时开启**"联动其他组件"**。

展示效果如下:

相关推荐
ASS-ASH9 小时前
从力学与机械原理角度深度剖析:尊界V800刹车踏板支架断裂事件的技术逻辑
人工智能·python·数据可视化·机械工程·汽车安全·物理仿真·制动系统
龙亘川1 天前
长假大客流复盘|数字化助力城市交通与文旅态势智能管控
大数据·人工智能·智慧城市·开源软件·数据可视化
织元Zmetaboard1 天前
物流数据大屏模板怎么改?从全国运输总览到区域异常监控
数据可视化·物流·数据质量·大屏
柳杉1 天前
Codex + 可视化大屏工作流实践:15 个行业场景的设计产出合集
前端·openai·数据可视化
Q26433650233 天前
【有源码】基于Spring Boot+Vue的骑行爱好者平台的设计与实现-计算机毕设选题推荐
java·vue.js·spring boot·毕业设计·课程设计·数据可视化·源代码
Highcharts.js4 天前
AI智能时代,数据美学更加重要:如何搭建交互可视化仪表盘
数据可视化·仪表盘·highcharts·bi设计·ui设计美学·图表开发技巧·智能图表
智碳能碳管理平台4 天前
能碳管理系统选型:五级勾稽门禁与落地顺序
数字孪生·能碳管理系统·智碳能碳管理平台·企业能碳管理系统·碳排放核算软件·绿色工厂申报saas·能碳管理系统 开源
for_ever_love__4 天前
Matplotlib——把训练曲线和分布画出来
matplotlib·数据可视化·大模型开发·训练曲线
龙亘川4 天前
体育赛事多域融合|助推文体旅高质量发展
人工智能·智慧城市·开源软件·数据可视化
Highcharts.js5 天前
Highcharts 仪表板编辑器 Dashboards介绍
数据可视化·仪表盘·大屏端·highcharts·dashboards·企业驾驶舱