实现地图区域点击弹窗展示对应数据的功能,可助力用户从宏观快速查看区域精细化数据,其核心在于完成地图点击区域数据关联与弹窗动态展示,且需兼顾交互流畅性与数据准确性,本文将具体讲解该功能的实现方法。
1.在左侧组件库添加“中国地图”组件至项目中。
接着选中中国地图,在右侧“数据”配置面板中,勾选相关数据。
接着在“样式”面板中,切换至“底图层”配置项,开启“底图层提示信息”功能。
2.在左侧组件库中,添加“弹窗”和“基础单行文本”组件,将二者进行成组操作,也可根据实际需求,选配其他所需组件。
3.选中基础单行文本组件,在“样式”面板中,点击“文本”旁的“扩展选项”,选择“生成数据字段”功能。
接着在右侧“数据”配置面板中,勾选相关数据。
4.选中中国地图组件,在“数据”配置面板中启用“联动其他组件”功能。
接着选中基础单行文本组件,在“数据”配置面板中启用“联动其他组件”功能。
5.选中中国地图,添加“交互”,触发“选中区域”事件,“动作”为“控制弹窗”,“选择弹窗”为“弹窗”,“操作”为“打开弹窗”。
展示效果如下:
评论0