本文为您介绍,如何在请求数据接口时传递动态参数,实现Tab列表和基础平面地图下的区域热力层联动。
效果展示
操作步骤
- 登录DataV控制台。
选择任一可视化应用,单击编辑,进入画布编辑器页面。
添加Tab列表组件和基础平面地图组件到画布中。
单击Tab列表组件,选择数据面板,修改静态数据。
[ { "id": 1, "content": "610000" }, { "id": 2, "content": "330000" }, { "id": 3, "content": "320000" } ]
单击基础平面地图组件下的区域热力层子组件,选择数据面板下的地理边界geojson数据接口,设置数据源为API,输入URL地址。
https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=:code
在图层面板,全选所有组件,右键单击导出到蓝图编辑器。
连接组件。
配置串行数据处理节点的处理方法。
return { code: data.content };
单击页面右上角的图标,预览展示结果。
文档内容是否对您有帮助?