反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

自定义钻取地图

  • 文档创建者:Holly
  • 历史版本:31
  • 最近更新:Alicehyy 于 2022-09-08
  • 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

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526