【功能演示】如何实现标记点在悬停时展示文字，未悬停时不显示？
2026-02-03 17:29
在交互设计中，标记点的悬停反馈是提升用户体验的关键细节。如何让标记点在用户鼠标悬停时清晰展示提示文字，而未悬停时保持界面简洁、不干扰视觉，是界面设计中常见的优化需求。本文将围绕这一交互细节，探讨实现标 记点 “悬停显文、未悬停隐文” 的设计思路与技术方法，为界面交互优化提供参考。  1.在左侧组件库中添加“3D场景”至项目中。接着双击进入编辑界面，点击左侧组件库，在 “标绘” 分 类下，将 “标记点” 添加至项目中。2.选中 “免费标记 2”，在右侧面板中选择 “Default state” 状态，同时在 “样式” 配置中，选择 “标记主体”，“配置1”关闭 “是否显示” 开关...
#三维场景 #标记点 #悬停 #多状态 # 鲸孪生
朝乐朝乐
【功能演示】如何在三维可视化项目中实现通过搜索框组件检索模型？
2026-01-31 16:32
件库，添加“3D空场景”至项目中。接着双击进入编辑界面，将不同模型添加至项目中。2.在左侧组件库，选择“标绘”添加标记点至项目，详情可参考此教程：标记点概述 - 项目制作 - 数字孪生开发教程-可视化 大屏制作教程 - 山海鲸可视化选中 “标记” 项，右键“复制数据”，粘贴至 Excel 表格；同时新增一列 ID，便于后续将数据绑定至搜索组件。参考数据如下：3.双击进入编辑界面，选中“标记”，在“样 式”配置栏中，勾入相应的数据，待数据标记生成后，将原有自由标记点隐藏即可。接着选中 “自由标记1”，在 “样式” 配置栏中为其设置 “跟随物体” 功能，可按具体需求灵活配置；其余标记请按功能逻辑依次完...
#三维场景 #鲸孪生 #标记点 #搜索框 #标记点跟随
朝乐朝乐
【功能演示】如何实现选中数据表格，切换到对应的标记点视角？
2026-01-29 14:40
在数据可视化实操中，选中数据表格切换至对应标记点视角，该功能打破展示局限，让用户从表格数据快速跳转至地理标记点视角，直观呈现数据的空间分布，大幅降低跨视图关联分析的操作成本。本文将详细拆解该功能的实现 步骤与配置要点，助力高效搭建跨视图数据联动能力。1.在左侧组件库中，添加“3D场景”至项目中。2.双击进入编辑界面，选中左侧“标绘”功能栏，根据实际需求选择对应的“标记”样式，添加至项目中。接着选中右 侧面板中的“免费标记”，右键选择“复制数据”，并将复制的内容粘贴至 Excel 表格中，详情参考此教程：标记点概述 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化3.选中“免...
#二维组件 #三维场景 #鲸孪生 #标记点 #选中传递
朝乐朝乐
【功能演示】如何实现标记点点击触发弹窗，并展示该点位的数据？
2026-01-27 16:45
在数据可视化展示中，标记点是定位核心数据的关键，实现点击标记点触发弹窗并展示对应点位数据的交互效果，能让用户精准直观获取点位详情，提升数据查看的便捷性与实用性。本文将详解该功能实现方法，梳理核心配置步 骤与实操要点，助力交互效果快速落地。1.在左侧资源库中添加“3D场景”至项目中。双击进入编辑界面，点击左侧“标绘”选项，选择“免费标记”完成标记点的添加。接着选中右侧面板中的“免费标记”，右键选择“复 制数据”，并将复制的内容粘贴至 Excel 表格中，详情可参考此教程：标记点概述 - 项目制作 - 数字孪生开发教程-可视化大屏制作教程 - 山海鲸可视化接着在表格中新增ID与数据两列，并完成对应内容...
#二维组件 #三维场景 #鲸孪生 #标记点 #弹窗
朝乐朝乐
【功能演示】点击鲸孪生标记点联动其他图表组件
2025-05-26 14:16
首先，创建一个三维场景项目，同时导入标记点数据。接着添加一个“数据表格组件”，将需要的数据字段添加到表格字段中，并开启“数据联动”中的“受其他组件联动”。然后添加一个自由标记点，放在任意位置。选中“基 础标记组”将标记点数据添加进去，坐标类型选择“空间坐标”，并开启“数据联动”中的“联动其他组件”，最后删除刚才添加的自由标记点。这样就设置完成了，效果如下图所示：...
#鲸孪生 #数据联动 #标记点 #组件 #图表
沧澜沧澜
【功能演示】鲸孪生3D地图上添加和显示标记点
2024-10-25 16:18
在不进行任何设置的情况下，直接在3D地图上添加标记点是无法显示的。这时我们需要调整标记组中标记点的大小，同时关闭标记主体的LOD。具体设置方式请参看教程：【实战案例】鲸孪生3D地图上添加和显示标记点
#鲸孪生 #标记点 #3D地图 #标绘 #可见距离
沧澜沧澜
【功能演示】点击倾斜摄影标记点展示720三维漫游全景图
2024-09-14 16:24
今天我们一起来看一下，如何设置点击倾斜摄影标记点展示720三维漫游全景图。首先，创建一个空白GIS3D场景。然后在左侧“GIS”中添加一个倾斜摄影。由于该倾斜摄影自身位置并未对齐地面，因此这里需要手动 调整倾斜摄影的高度偏移为400。接着在左侧“标绘”中选择一种标记点，并在倾斜摄影上添加三个标记点。选中左侧标记组图层，在右侧“样式”中将标记点“缩放”提高到10。相机视角的调整需要使用漫游相机，因此我 们需要先在左侧的“相机”中选择一个漫游相机添加到场景中。漫游相机同样将高度位置设置为400，这里我们还需要开启上方的滚轮控制FOV，这样在720全景中就可以通过滚轮推进或拉远视角了。设置完成后选中左侧...
#GIS #倾斜摄影 #标记点 #3D漫游 #720全景
沧澜沧澜
【功能演示】点击不同标记点弹出对应的监控弹窗
2024-07-25 11:35
今天为大家介绍一下，如何通过点击标记点显示不同的监控画面。一、新建项目1. 首先我们新建一个包含城市三维模型的项目。2. 然后添加数据，位置字段中的数据为鲸孪生中标记点的空间坐标系，用来生成数据标记点 。二、添加监控弹窗1. 添加一个弹窗组件，同时在弹窗组件中添加一个监控组件。2. 接着在监控地址处生成数据字段。3. 在“数据”设置中将“监控地址”字段添加进去，然后在数据联动中，开启“受其他组件联动 ”。三、添加标记点1.  进入鲸孪生组件的编辑模式，然后从标绘库中选择添加一个自由标记点。2. 在标记组数据设置中，将坐标类型修改为空间坐标，然后添加对应的数据字段，在对应坐标生成数据标记点...
#鲸孪生 #数据联动 #标记点 #监控 #标记点弹窗
沧澜沧澜
【功能演示】点击3D城市模型标记点弹窗进行数据联动
2024-07-24 15:37
 今天我们一起来看一下，如何点击3D城市模型标记点弹窗进行数据联动。一、 添加三维模型1. 首先进入编辑模式，在左侧模型库建筑物分类中，添加两个大楼模型到场景中。2. 接着在左侧模型库中，选 择一个标记点模型，添加到两个建筑模型的顶部。3. 在左侧图层中分别重命名两个标记点，命名为大楼A和大楼B。二、添加二维组件1. 退出编辑模式，在左侧组件库中添加一个弹窗组件，在弹窗中添加一个显示“大楼 A”的单行文本组件。2. 复制弹窗，同样添加一个包含单行文本的弹窗组件，将弹窗中单行文本的内容修改为“大楼B”。3. 再添加一个单行文本组件，将其重命名为“公寓住户人数”。4. 接着添加一个指标卡组件...
#3D模型 #数据联动 #标记点 #弹窗 #标记点弹窗
沧澜沧澜
【功能演示】Cesium加载高斯溅射模型Ply/Splat
2024-04-23 19:10
等，让模型与GIS场景更加融合。9. 整合后的模型支持鲸孪生中提供的所有功能，如：标记点、动效、灯光、相机等。在模型中添加一个标记点，效果如下所示：
#Cesium # 高斯溅射 #场景渲染 #Ply #Splat
独角鲸独角鲸
鲸孪生弹窗设置示例
2024-03-15 09:17
鲸孪生中的弹窗有两种，一种是外部弹窗，一种是内部弹窗，两者的区别在于操作模型时弹窗是否会跟随模型的操作，这两者没有优劣之分，具体大家可以根据实际项目进行选择。此外，根据点击操作的不同，也可以分为点击标 记点弹窗和点击模型弹窗两种。弹窗组件鲸孪生标记       3. 点击模型弹窗点击模型弹窗和点击标记弹窗的设置基本是一样，唯一区别 在于设置的位置不同。如果想要点击某个模型弹窗，先在左侧模型图层中选中对应的模型，然后在右侧开启面板，再按照上面的方法进行设置即可。本教程的项目文件和模型文件如下：...
#鲸孪生 #弹窗 #标记点弹窗 #模型弹窗 #弹窗组件
利维坦鲸利维坦鲸

热门搜索

山海鲸 组件 配置 集成 项目码 免费 标记点 监控 地图 模型

热门话题

#命名格式
#观看体验
#项目优化
#按钮组件
#灯光

推荐文章

暂无内容

产品和功能
软件下载 项目管理 数据源接入 IoT设备对接 可视化大屏制作
解决方案
智慧工厂 数字乡村 智慧园区 智慧党建 3D地图
教程资源
新手入门 视频中心 文档中心 常见问题 产品白皮书
关于我们
公司介绍 加入我们 邮箱反馈
咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群，了解更多内容

QQ群号：788095444
Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5