最新历史版本 :自定义钻取地图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

用户遇到如下问题:

  • 钻取地图想钻取到县级地区、街道、区县、乡镇等。

  • 希望把几个省份组合成一个自定义地图。

  • 想自定义地图图层。

可通过本文方法实现。

1.2 功能简介

钻取地图在普通地图的基础上,实现了钻取交互式数据查询效果。通过点击操作,可以钻取国家>省>市>区等不同地理层级的数据。

自定义钻取地图是钻取地图的一种,不同的钻取层级可以自定义地图类型( 区域地图或点地图 )。自定义钻取地图展示效果如下图所示:

44907808-2A8F-4F34-A62A-9EE46D734BE1.GIF

1.3 图表特点

自定义钻取地图可以给不同的钻取层级设置不同的地图类型,满足不同场景下的用户需求,具有较高的图表自由度。

2. 示例编辑

2.1 制作地图 JSON

制作地图 JSON 的目的是为了自定义一个钻取层级关系,示例制作一个华东地区的钻取层级,用于绑定钻取层级关系。

2.1.1 新建地理信息

管理员身份进入决策平台,点击「管理系统>地图配置>地理信息>world>添加目录」,新增中国(大区),中国(大区)下新增华东,华东下新增各省市,如下图所示:

1590504650556656.png

2.1.2 区域地图制作

1)选择「中国(大区)>区域>+(放大地图)>多边形」,选一个点作为起始点,根据华东地区的边缘省的边界线进行描边。

如果描边出错,可点击「删除上一个画的点」进行删除,最后一个点需要跟起始点重合,然后完成华东地区的绘制。

1590553980960051.png

2)绘制完成后,可输入当前「区域名」及「中心点」坐标,点击保存,完成华东区域的绘制。

1590554353389356.png

3)华东地区的区域地图保存完成,如下图所示:

1590556742325677.png

2.1.3 点地图制作

1)选择「华东>点>坐标点」,依次选择各省市的省会作为点地图的中心点,填写该中心点对应的区域名,保存华东地区各省市的点,如下图所示:

1590555937151546.png

2)点地图绘制保存完成后,如下图所示:

1590556383670520.png

2.1.4 JSON 文件存储路径

绘制好地图保存后,JSON 文件自动保存到%FR_HOME%\webroot\WEB-INF\assets\map\geographic\world路径下,如下图所示:

2020-05-29_13-58-44.png

2.2 报表设计

2.2.1 准备数据

新建内置数据集「公司2019年华东地区各省市营业收入」,如下图所示:

2020-05-29_13-22-53.jpg

2.2.2 插入图表

合并一片区域单元格,右键选择 A1 单元格,点击「单元格元素>插入图表>钻取地图>自定义地图」。如下图所示:

2020-05-24_20-13-19.png

2.2.3 图层设置

选择「类型」,地图边界选择「中国(大区)」,GIS图层下拉选择「深蓝」,如下图所示:

Snag_7aeefb3a.png

2.2.4 数据绑定

绑定图表数据,如下图所示:

1)选择「数据>钻取层级关系」,展示图层对应的地区(国家、省、市、区)树状列表,层级属性缩放等级选择自动,展示类型可选择区域地图、点地图。

2020-05-28_22-46-13.png

2)选择「数据>数据」,选择区域名,点击设置按钮,设置区域名匹配到内置数据库中存有区域对应字段。

注:区域名匹配时采用地图模糊匹配,详情可参见文档 地图模糊匹配 。

1589813324278983.png

2.3 效果预览

2.3.1 PC 端

保存模板,点击「分页预览」,效果如 1.2 功能简介中所示:

2.3.2 移动端

App 端和 HTML5 端均支持,效果如下图所示:

11DB69AB-0571-4295-9FC9-E156C4FE2C72.GIF

3. 模板下载编辑

注:本文示例可直接点击下载制作好的 JSON 文件,将解压后的文件全部拷贝到 3.1.4 节所述 %FR_HOME%\webroot\WEB-INF\assets\map\geographic\world 路径下后,在「地图配置」界面点击右上角「同步地理文件」,即可在设计器中直接使用。10.0.17 版本之前需重启设计器生效。

点击下载制作好的 JSON 文件:华东地图JSON文件.zip

已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\钻取自定义地图.cpt

点击下载模板:钻取自定义地图.cpt