FVS場景地圖

适用場景：安裝了「FVS大屏編輯模式」插件的用戶，可參考本文了解 FVS 模板的相關功能。

注：不支持行動端。

1.1 版本

1.2 功能簡介

場景地圖組件，适用於展示多場景下的多維度地圖資料。如下圖所示：

模板下載地址：食品零售集團銷售資料駕駛艙.fvs 。

注：本文僅為大家介紹場景地圖組件特有功能，其他屬性不贅述。

組件交互請參見：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場景地圖組件支援自訂地理信息，不支援自訂圖片地圖。

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

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

注：V1.3.0 版本之前的插件，場景地圖組件所屬類型爲「三維組件」。

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

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

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

3.1 類型

3.1.1 地圖邊界

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

3.1.2 自動簡化模型

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

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

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

注：簡化模型默認「開啓」，切換爲關閉時，請耐心等待一會，則會顯示隐藏掉的島嶼信息。

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

3.2 資料

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

使用方法和普通的「區域地圖」和「鑽取地圖」一緻。

如下圖所示：

3.3 樣式

3.3.1 圖形樣式

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

3.3.2 背景樣式

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

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

4.1 在畫布頁面調整

在畫布頁面，選中組件，點擊右上角「視角調整」按鈕，即可在組件區域内使用鼠标調整三維城市視角，按鈕變爲「完成」按鈕。鼠标操作方式請參見 4.3 節。

調整完成後，鼠标點擊右上角「完成」按鈕，或點擊組件外任意區域，即可保存最終視角。

注：V1.11.1 版本之前的組件只能通過點擊組件外區域保存調整後的視角。

4.1 在地圖編輯頁面調整

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

4.3 調整視角的鼠标操作

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

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

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

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

FVS 模板中，場景地圖無法通過添加多個場景實現場景切換，只能通過分頁切換實現。在每個分頁中添加一個場景地圖組件，給每個分頁的場景地圖組件設置不同的場景。

再設置好分頁之間的平滑過渡，在預覽模板時，只需加載一次場景地圖，即可平滑切換連續的場景地圖。

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

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

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

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