历史版本7 :根据参数动态显示地图区域 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

父模板显示全国地图,点击父模板某一区域,此区域作为参数传递给子模板,子模板地图只显示该地区的地图信息,类似于钻取新标签页打开效果,如下图所示:

1603262302693458.gif

1.2 解决思路

父模板添加网络报表类型的超级链接并设置参数,链接到子模板。

2. 示例编辑

2.1 新建子模板

2.1.1 准备数据

新建普通报表,重命名为:mapson.cpt,新建数据集 ds1,SQL 语句为SELECT * FROM 地图 WHERE pid='${area}'

Snag_42eb4c4.png

2.1.2 插入图表

合并一片区域单元格,插入区域地图,如下图所示:

1603262644716499.png

2.1.3 绑定数据

绑定图表数据,详细设置如下图所示:

222

2.1.4 设置地图边界

1)设计器菜单栏点击模板>模板参数,新增一个模板参数地图边界,其值为公式:"geographic/world/中国/"+$area,如下图所示:

1603262880462472.png

2)将子模板的地图边界设置为上面的模板参数,如下图所示:

1603263027179379.png

2.2 父模板添加超链

1)打开设计器内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\map.cpt作为父模板。

2)父模板特效>交互属性下,添加一个网络报表类型的超级链接,链接到子模版,并设置传递参数为area,其值为区域名,如下图所示:

1603263230243611.png

2.3 效果预览

1)PC 端

父模板点击分页预览,点击任一省份,会跳转到新标签页打开子模板,如下图所示:

1603262302693458.gif

2)移动端

1603263861227202.gif

3. 模板下载编辑

已完成模板可参见:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\mapfather.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\mapson.cpt

点击下载模板:

mapfather.cpt

mapson.cpt