反馈已提交

网络繁忙

地图简介

  • 文档创建者:susie
  • 历史版本:50
  • 最近更新:AntorH 于 2024-03-10
  • 1. 概述

    FineReport 内置的数据地图功能强大,可以实现丰富的地图展示效果,其具体的功能介绍如下:

    • 支持钻取地图、热力地图、流向地图、气泡地图、自定义地图等地图类型。

    • 内置高德、mapbox 等 GIS 图层,也支持自定义 GIS 地图背景。

    • 可以实现地图缩放、位置定位等功能。

    • 支持自定义 WMS、WMTS 服务制作离线地图。

    2. 地图类型

    FineReport 内置多种地图类型,选择图表时可按需选择,地图类型简介请参考文档:地图类型

    Snag_42179f76.png

    3. 地图基础属性

    3.1 GIS 图层

    GIS 图层包含了世界范围内诸如省市区行政划分、道路交通、边界划分等地理信息,FineReport 内置了多种高德地图标准图层,同时支持自定义 GIS 图层。

    FineReport GIS 图层有 3 个设置项:

    • 标准:内置了几种高德地图的标准样式主题,可满足不同风格模板的搭配,同时地图合规性要求比较好。

    注:WebGL 有内存限制,当使用标准高德图层的地图组件过多时,可能会出现地图组件背景加载不出来的问题。

    • 自定义:支持通过自定义高德地图、 TileLayer 、 WMS 、WMTS 服务的方式自定义 GIS 图层。

      其中「高德地图」和「WMTS」仅支持 11.0.6 版本及之后的设计器

    • 自动:模板主题 是浅色主题时默认使用「标准>标准」图层,深色主题默认使用「标准>雅士灰」图层。

    注:上述内置图层仅支持在线查看。

    3.1.1 标准 GIS 图层注意事项

    标准 GIS 图层内置的都是高德标准样式图层。这里主要介绍使用该图层时,一些需要注意的点。

    1)当前浏览高德地图性能较好的浏览器有:Chrome、Microsoft Edge( Chromium内核 )、Firefox、Safari。我们推荐您使用这些浏览器来查看标准 GIS 图层。

    部分用户使用较高版本的 Chrome、Firefox 等支持 Web GL 的浏览器缺还是会出现无法预览的情况,很大可能与硬件显卡有关系。

    此处提供一些排查方法及解决方案:Chrome 不支持 WebGL 怎么办

    2)高德标准 GIS 图层除「标准」外的样式不支持导出,导出后均为标准样式。

    3)高德标准 GIS 图层导出后展示为图片,交互效果失效。

    4)非 IE 浏览器使用的高德图层 2.0 接口,前端缩放等级最小到 2;IE 浏览器使用的是 1.4.15 接口,前端缩放等级最小到 3。

    3.1.2 自定义 GIS 图层

    如果内置图层无法满足需求,可以使用自定义图层。

    自定义 GIS 图层有以下 4 种方式:

    GIS 图层类型
    说明注意事项
    TileLayer请参见文档 自定义tilelayer图层 支持在设计器中直接自定义
    WMS请参见文档 自定义WMS/WMTS地图服务
    高德地图请参见文档 自定义高德地图GIS图层
    11.0.6 版本设计器新增类型,暂不支持在设计器中直接自定义
    WMTS请参见文档 自定义WMS/WMTS地图服务

    3.2 地图边界

    地图边界在 GIS 图层的基础上,高亮展示出数据所用到的地图范围。

    如:数据只是在国内这样一个范围内,那么地图边界就可以设置为中国。如果数据只是一个省份的,那么地图边界就可以设置成这个省份。

    如下图,设置地图边界为中国,那么整个中国区域会有高亮效果,中国以外的区域则为 GIS 图层。若希望只显示中国区域,将 GIS 图层设置为「标准>无」即可。

    Snag_6d0c783.png

    3.3 初始状态

    3.1.1 缩放等级

    地图初始的缩放距离,也就是地图拉近的程度,值越大,地图拉的越近。默认自动,也可下拉自定义选取一个等级。

    详情可参见文档:地图缩放

    3.1.2 中心点

    设置地图初始的中心点,默认自动,也可以通过输入经纬度自定义一个中心点。

    4. 地图数据模糊匹配

    不同类型的地图绑定数据时,可设置地理信息的匹配方式为「区域名匹配」或「经纬度匹配」,区域地图只支持「区域名匹配」。

    Snag_437b6f4a.png

    当使用「区域名匹配」时,区域名会根据地理信息进行模糊匹配,可能存在匹配不正确或匹配不到的情况,则需要自定义匹配。如下图所示:

    详情请参见文档:地图模糊匹配 。

    1587882903493350.png

    5. 地图样式

    地图样式支持六项设置:标题、图例、标签、系列、背景、提示。

    更多内容请参考文档:图表样式

    Snag_43810be0.png

    6. 地图特效设置

    地图支持设置交互属性、条件显示等特效,更多内容可参考文档:图表特效

    以下是部分交互特效示例:

    文档链接应用场景效果图
    地图自动刷新支持监控刷新功能,如果后台数据动态变化,前端数据可以实时更新1623057244613650.gif
    地图钻取与联动
    钻取地图实现钻取的同时联动其他图表或表格1639464982647040.gif

    7. 地图接口

    关于图表接口的更多内容请参见文档:图表接口

    以下是部分地图接口应用示例:

    文档链接
    应用场景效果图
    JS实现点击按钮转移地图中心点和钻取
    使用钻取地图时,通过在控件中输入经纬度后点击按钮转移中心点,选择区域名后点击按钮钻取到该区域。1639721295562373.gif
    地图开启数据点提示轮
    地图各区域的数据点提示轮播显示1595989223258397.gif

    8. 服务器地图配置

    点击设计器顶部菜单栏 「服务器>地图配置」,可进入数据决策系统设置服务器地图配置,作用于当前服务器下所有模板中的地图。如下图所示:

    注:map 文件中的 world-3d.json,当使用场景类的扩展图表时,会用到这个 json 文件。

    Snag_4388749a.png

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持