根据参数动态显示地图区域

  • 文档创建者:jiangsr
  • 编辑次数:6次
  • 最近更新:Leo.Tsai 于 2020-10-21
  • 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\Primary\Chart\mapfather.cpt

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

    点击下载模板:

    mapfather.cpt

    mapson.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!