FVS場景地圖

1. 功能簡介:場景地圖組件，适用於展示多場景下的多維度地圖資料。

2. 本文僅為大家介紹場景地圖組件特有功能，其他屬性不贅述。組件交互請參見：FVS組件框架交互屬性 。組件動畫請參見：FVS組件框架動畫屬性 。組件屬性請參見：FVS組件屬性 。

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            檔案。

4. FVS範本的每一個分頁中僅支援使用一個場景地圖組件。每一個場景地圖僅支援單個場景，不支援多場景切換。

5. FVS場景地圖組件支援自訂地理信息，不支援自訂圖片地圖。

注：在地圖概念中，一個場景指的就是一個地圖狀态，有對應的特定視角和展示内容。如在全國視角下，展示全國門店分布即可視為一個場景。

1. 新建一張【大屏範本】，在頁面中新增一個【場景地圖組件】，載入需要一些時間，請耐心等待。

1. 選中場景地圖組件後，有兩個方式可以編輯組件：點擊組件右上角的【編輯組件】按鈕，或點擊右側配置欄【内容】→【編輯組件】按鈕。如下圖1所示。

2. 點擊【編輯組件】後，自動跳轉至【場景地圖編輯頁面】，使用者可配置地圖的型别、資料、樣式等。如下圖2所示。

3. 配置完成後，點擊【返回大屏範本】，自動保存地圖配置，并回到畫布頁面。如下圖3所示。

1

型别-地圖邊界。

1. 地圖屬性面板狀态處可選擇【地圖邊界】，如下圖所示。

2

型别-自動簡化模型

1. 使用者使用世界地圖進行場景展示，由於世界地圖模型太複雜和終端配置的影響，會導緻展示效能特别差。

2. 因此FVS場景地圖組件提供【自動簡化模型】功能，開啓該功能後會根據當前地圖的複雜程度(經緯點個數)，自動進行地圖優化，提升展示效能。

3. 以內建的地圖邊界world為例，關閉自動簡化模型的地圖效果如下圖1所示。

4. 開啓自動簡化模型的地圖效果如下，可以看到一些島嶼隐藏掉了，如下圖2所示。

3

資料。

1. 圖形【點、線、柱形、區域】在綁定資料時設定項各有不同，其中區域可以選擇【普通地圖】或【鑽取地圖】。如下圖所示。

4

樣式-圖形樣式。

1. 設定項中【顔色風格】是指地圖的主題色，目前有藍色和青色這 2 種。4 種圖形的樣式需要分别設定，如下圖所示。

5

樣式-背景樣式。

1. 地圖內建了 6 種特效背景，使用者可自行選擇是否開啓這些特效。如下圖所示。

1. 有兩個方法調整地圖的視角：在畫布頁面調整、在地圖編輯頁面調整。

1

在畫布頁面調整。

1. 在畫布頁面，選中組件，點擊右上角【視角調整】按鈕，即可在組件區域内使用滑鼠調整地圖視角。

2. 調整完成後，滑鼠點擊組件外區域，即可保存最終視角。

2

在地圖編輯頁面調整。

1. 使用者在地圖編輯頁面，通過滑鼠可直接調整地圖的顯示視角，點擊【返回大屏範本】，即可自動保存最終視角。如下圖所示。

3

調整視角的操作。

1. 滑鼠左鍵、右鍵、滾輪均可用於視角調整。

2. 滑鼠左鍵：按住滑鼠左鍵拖動，可旋轉當前視角。如下圖1所示。

3. 滑鼠右鍵：按住滑鼠右鍵拖動，可平移/拉昇/降低視角。如下圖2所示。

4. 滑鼠滾輪：滾動滑鼠滾輪，可放大/縮小視角。如下圖3所示。

1. FVS範本中，每個分頁只能添加一個場景地圖組件，每個場景地圖組件只能設定一個場景。

2. 但是只需設定好平滑過渡，在預覽範本時，只需載入一次場景地圖，即可平滑切換連續的場景地圖。

3. 在連續的分頁均添加了場景地圖組件。如下圖1所示。

4. 每個分頁中的場景地圖組件名稱均完全一樣。如下圖2所示。

5. 每個分頁均開啓了平滑過渡。如下圖3所示。

6. 預覽範本時，即可平滑切換場景，如下圖4所示。

1. 已完成範本請參見：食品零售集團銷售資料駕駛艙.fvs。