Skip to main content

GIS地图

在仪表板中您可以添加各种可视化组件来展示数据，本节以一张最简单的GIS地图示例为例带您快速了解创建GIS地图仪表板的流程。

image-20230829152615221

一、创建数据集​

创建数据集的同时新增数据源：

image-20230829111242448

准备好所有需要的数据集：

image-20230829153411994

二、新增数据源​

API 名称API地址
项目分布https://mockapi.eolink.com/fJW9VD107626a923906a5baae0c87fa617a3b6a11b6ddce/project-distribution?responseId=1200098
进度情况项目分布https://mockapi.eolink.com/fJW9VD107626a923906a5baae0c87fa617a3b6a11b6ddce/progress-status?responseId=1200139
项目地域分布https://mockapi.eolink.com/fJW9VD107626a923906a5baae0c87fa617a3b6a11b6ddce/project-geographical-distribution?responseId=1200154
组织结构项目分布https://mockapi.eolink.com/fJW9VD107626a923906a5baae0c87fa617a3b6a11b6ddce/organizational-structure-project-distribution?responseId=1200157
项目专业类型分布https://mockapi.eolink.com/fJW9VD107626a923906a5baae0c87fa617a3b6a11b6ddce/project-professional-types?responseId=1200143

根据上表创建JSON API数据源:

image-20230829110959853

设置数据集的数据源：

image-20230829110804489

编辑数据集中的数据结构的显示名称：

image-20230829113921455

准备好所有需要的数据源：

image-20230829153512560

三、仪表板设计​

创建仪表板：

image-20230829111613569

使用高德GIS地图控件，并设置宽度和高度： 1440 X 900

image-20230829112022680

数据绑定：

image-20230829112108530

设置数据列：

image-20230829114231915

设置初始加载区域：

image-20230829132324633

设置导航标签边距：

image-20230829143629468

配置其他图表组件：

image-20230829154247905

点击右下角联动分析关系设置按钮：

image-20230829154408309

最终效果​

image-20230829154103743