【功能演示】如何实现点击中国地图不同区域时,弹窗展示对应区域的关联数据?
1 天前

实现地图区域点击弹窗展示对应数据的功能,可助力用户从宏观快速查看区域精细化数据,其核心在于完成地图点击区域数据关联与弹窗动态展示,且需兼顾交互流畅性与数据准确性,本文将具体讲解该功能的实现方法。


1.在左侧组件库添加“中国地图”组件至项目中。


接着选中中国地图,在右侧“数据”配置面板中,勾选相关数据。


接着在“样式”面板中,切换至“底图层”配置项,开启“底图层提示信息”功能。


2.在左侧组件库中,添加“弹窗”“基础单行文本”组件,将二者进行成组操作,也可根据实际需求,选配其他所需组件。


3.选中基础单行文本组件,在“样式”面板中,点击“文本”旁的“扩展选项”,选择“生成数据字段”功能。


接着在右侧“数据”配置面板中,勾选相关数据。


4.选中中国地图组件,在“数据”配置面板中启用“联动其他组件”功能。


接着选中基础单行文本组件,在“数据”配置面板中启用“联动其他组件”功能。


5.选中中国地图,添加“交互”,触发“选中区域”事件,“动作”“控制弹窗”“选择弹窗”“弹窗”“操作”“打开弹窗”


展示效果如下:

朝乐 朝乐

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

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

评论0

暂无评论

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

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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