反馈已提交

网络繁忙

FVS场景地图

  • 文档创建者:Carly
  • 历史版本:10
  • 最近更新:Alicehyy 于 2024-07-09
  • 1. 概述

    适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。

    1.1 版本

    报表服务器版本
    插件版本功能变动
    11.0V1.0.0
    -
    11.0.4V1.3.0优化场景地图编辑时的性能,所属组件类型由「三维组件」变更为「图表组件>地图类」

    1.2 功能简介

    场景地图组件,适用于展示多场景下的多维度地图数据。如下图所示:

    模板下载地址:零售行业3D大屏 。

    06D25A23-2A0E-46A9-A3B8-6F1A133FB78B (1).GIF

    注:本文仅为大家介绍场景地图组件特有功能,其他属性不赘述。

    组件交互请参见:FVS组件交互属性 。

    组件动画请参见:FVS组件动画 。

    组件属性请参见:FVS组件样式属性 。

    1.3 使用须知

    • 使用该场景地图组件需要使用最新 JSON,下载 map.zip 解压后替换 %FR_HOME%\webapps\webroot\WEB-INF\assets\ 目录下的 map 文件夹,如果您不方便直接替换 map 文件,可以只替换 %FR_HOME%\webapps\webroot\WEB-INF\assets\map\geographic 目录下的 world-3d.json 文件。

    • FVS 模板的每一个分页中仅支持使用一个场景地图组件。每一个场景地图仅支持单个场景,不支持多场景切换。

    • FVS 场景地图组件支持自定义地理信息,不支持自定义图片地图。

    • 不支持移动端。

    2. 添加组件

    新建一张「可视化看板」,组件区选择「图表组件>地图类」,点击「场景地图」将组件添加到页面,组件加载需要一些时间,请耐心等待

    Snag_1d7bc6b6.png

    3. 编辑组件

    选中场景地图组件后,有两个方式可以编辑组件:点击组件右上角的「编辑组件」按钮,或点击右侧配置栏「内容>编辑组件」按钮。

    Snag_1d83884f.png

    点击「编辑组件」后,自动跳转至「场景地图编辑页面」,在右侧属性面板可配置地图的类型、数据、样式等。

    Snag_9a23c72.png


    3.1 类型

    3.1.1 地图边界

    地图属性面板状态处可选择「地图边界」,如下图所示:

    Snag_9a3b5a4.png

    3.1.2 自动简化模型

    由于场景地图模型的复杂性和对终端配置的影响,可能会导致展示性能较差。

    因此 FVS 场景地图组件提供「自动简化模型」功能,开启该功能后会根据当前地图的复杂程度(经纬点个数),自动进行地图优化,提升展示性能。

    简化模型默认「开启」,如下图所示:

    Snag_9a4b1b7.png

    切换为关闭时,请耐心等待一会,切换后会显示隐藏掉的岛屿信息。如下图所示:

    Snag_9a522a2.png

    3.2 数据

    图形「点、线、柱形、区域」在绑定数据时设置项各有不同,其中区域可以选择「普通地图」或「钻取地图」。

    使用方法和普通的「区域地图」和「钻取区域地图」一致。如下图所示:

    Snag_9af5a7a.png

    3.3 样式

    3.3.1 图形样式

    设置项中「颜色风格」是指地图的主题色,目前有蓝色和青色这 2 种。4 种图形的样式需要分别设置,如下图所示:

    Snag_9b05bfc.png

    3.3.2 背景样式

    地图内置了 6 种特效背景,用户可自行选择是否开启这些特效。如下图所示:

    Snag_9b060ed.png

    4. 调整视角

    有两个方法调整地图的视角:在地图编辑页面调整、在画布页面调整。

    4.1 在地图编辑页面调整

    用户在地图编辑页面,通过鼠标可直接调整地图的显示视角,鼠标操作方式请参见 4.3 节。

    调整完成后,点击左上角「返回可视化看板」,即可自动保存最终视角。

    Snag_9b57008.png

    4.2 在画布页面调整

    在画布页面,选中组件,点击右上角「视角调整」按钮,即可在组件区域内使用鼠标调整三维城市视角,按钮变为「完成」按钮。鼠标操作方式请参见 4.3 节。

    调整完成后,鼠标点击右上角「完成」按钮,或点击组件外任意区域,即可保存最终视角。

    注:V1.11.1 版本之前的组件只能通过点击组件外区域保存调整后的视角。

    A4116D4B-0099-41BA-AABE-CC1AFFFDCE02.GIF

    4.3 调整视角的鼠标操作

    鼠标左键、右键、滚轮均可用于视角调整。

    1)鼠标左键:按住鼠标左键拖动,可旋转当前视角。

    左.gif

    2)鼠标右键:按住鼠标右键拖动,可平移/拉升/降低视角。

    右.gif

    3)鼠标滚轮:滚动鼠标滚轮,可放大/缩小视角。

    滚轮.gif

    5. 地图切换

    FVS 模板中,场景地图无法通过添加多个场景实现场景切换,只能通过分页切换实现。在每个分页中添加一个场景地图组件,给每个分页的场景地图组件设置不同的场景。

    再设置好分页之间的平滑过渡,在预览模板时,只需加载一次场景地图,即可平滑切换连续的场景地图。

    1)在连续的分页均添加了场景地图组件。如下图所示:

    2021-10-11_10-54-10.gif

    2)每个分页中的场景地图组件名称均完全一样。如下图所示:

    3)每个分页均开启了平滑过渡。如下图所示:

    4)预览模板时,即可平滑切换场景,如下图所示:

    2021-10-11_10-49-41.gif

    6. 注意事项

    6.1 场景地图无法实时预览

    问题描述
    部分设备由于性能或者系统等原因,导致无法展示场景地图实时预览界面
    解决方案
    更新 FVS 插件到 V2.8.1 及之后版本,在 designer.vmoptions 文件中添加启动参数 -Djxbrowser.chrome.setup.options=-use-angle=gl ,添加后重启工程生效。

    文件所在路径如下图所示:

    1716261998925323.png

    添加参数如下图所示:

    Snag_7d7156c5.png




    附件列表


    主题: FineVis数据可视化
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

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