【功能演示】点击3D城市模型标记点弹窗进行数据联动
2024-07-24 15:37

 今天我们一起来看一下,如何点击3D城市模型标记点弹窗进行数据联动。



一、 添加三维模型

1. 首先进入编辑模式,在左侧模型库建筑物分类中,添加两个大楼模型到场景中。


2. 接着在左侧模型库中,选择一个标记点模型,添加到两个建筑模型的顶部。


3. 在左侧图层中分别重命名两个标记点,命名为大楼A和大楼B。



二、添加二维组件

1. 退出编辑模式,在左侧组件库中添加一个弹窗组件,在弹窗中添加一个显示“大楼A”的单行文本组件。


2. 复制弹窗,同样添加一个包含单行文本的弹窗组件,将弹窗中单行文本的内容修改为“大楼B”


3. 再添加一个单行文本组件,将其重命名为“公寓住户人数”


4. 接着添加一个指标卡组件,删除组件自带的数据字段,用来显示住户人数的数据。



三、标记点设置

1. 进入编辑模式,在左侧图层中选择标记组,然后在标记组样式设置中打开标记面板。


2. 在两个标记组的标记面板中,分别选择刚才添加的弹窗。



四、交互设置

1. 选择大楼A的标记组,为其设置修改指标卡数据的交互,将指标卡显示的异常值设置为“123”


2. 接着再添加点击标记点后,关闭另一个标记点弹窗的交互。


3. 大楼B标记点的交互设置需要将指标卡显示的异常值设置为“321”,其余设置相同。


4. 这样我们的设置就完成了,点击标记点能够打开弹窗的同时,还可以切换下方“公寓住户人数”对应的数据。

白鲸 白鲸

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

Copyright © 2024 多算科技, All Rights Reserved. 浙ICP备20006837号-5