轮播GIS点地图

  • 文档创建者:jiangsr
  • 编辑次数:23次
  • 最近更新:Leo.Tsai 于 2020-07-08
  • 1. 概述

    1.1 应用场景

    轮播 GIS 点地图,类似于高空卫星的俯瞰视角,跟随数据顺序展示每个点的对应信息,同时在切换点时,伴随视角的移动动画,给人以身临其境之感。效果如下图所示:

    1.GIF

    注1:轮播 GIS 点地图需要加载 GIS 图层,因此需要连接外网。

    注2:轮播 GIS 点地图预览只支持 Chrome 浏览器。

    1.2 功能介绍

    • 支持数据动态展示,支持图表刷新,设置方法参见文档:扩展图表组件刷新

    • 支持调整标题、背景、图形和提示的样式。

    • 支持自定义轮播间隔和图表联动。

    1.3 插件安装

    点击下载插件:扩展图表插件

    设计器插件安装方法参照:设计器插件管理

    服务器安装插件方法参照:服务器插件管理

    2. 示例

    2.1 数据准备

    新建内置数据集 Embedded1,如下图所示:

    Snag_13bef5f2.png

    2.2 报表设计

    1)合并单元格,选择插入>单元格元素>插入图表>扩展图表-地图类,选中轮播 GIS 点地图,如下图所示:

    2020-04-23_14-39-31.png

    2)同普通地图设置一样,可设置地图的 GIS 图层及播放状态,如下图所示:

    • GIS图层:选择地图的gis图层,默认黑色。

    • 缩放等级:地图缩放等级,默认 11。

    • 间隔时间:间隔时间,默认 8S 。

    2020-04-23_14-42-02.png


    3)设置对应的数据信息,如下图所示:

    可设置项包括:经度、纬度、区域名、系列名、值(不一定是数值类型,可以是字符串,可以为无)、说明信息(可以为无,默认为无)。

    1562055732690453.png

    4)属性面板选择样式>标题,具体配置如下图所示:

    可设置图表标题内容、布局、样式及背景填充色,不透明度和圆角。

    2020-04-22_20-36-24.png

    5)属性面板选择样式>背景,具体配置如下图所示:

    可设置边框属性,同普通地图一致。

    2020-04-22_20-35-07.png

    6)属性面板选择样式>图形,具体配置如下图所示:

    可设置展示图形,包括三维柱形图和散点两种;还可设置图形大小和不透明度。

    2020-04-22_20-34-44.png

    7)属性面板选择样式>提示,具体配置如下图所示:

    • 内容:支持显示的内容包括区域名、系列名、值、说明信息。

    • 位置:指数据点提示框的显示位置,可选择跟随点或者固定位置,选择固定位置时显示在图表的右上角。

    2020-04-22_20-34-10.png

    8)特效>轮播联动设置参见文档:地图轮播联动 。

    2020-04-22_20-33-11.png

    2.3 效果预览

    保存模板,选择表单预览,效果如应用场景中所示。

    注:不支持移动端预览。

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\轮播gis点地图.cpt

    点击下载模板:轮播gis点地图.cpt

    附件列表


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