反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

FVS三維城市場景

一、概述

  1. 本文将為大家介紹 FVS 三維城市組件的場景匯入、屬性編輯、視角轉換等操作。

  2. 三維城市是指通過上傳geojson檔案,立體展示城市示意模型,包括城市建築、街道、水系草地等模型。

  3. 使用者可通過三維模型和資料集的搭配,構建如下圖所示的模型圖。

  4. 操作步驟:三維城市示意模型的搭建,建議操作步驟如下表所示。

序号

步驟

簡介

1

範本準備

新建大屏範本,新建頁面,新增【三維城市】組件,編輯組件。

2

創建場景

生成新場景/匯入已有場景。

3

場景管理

配置三維場景的風格、環境特效、視角旋轉等。

4

模型管理

配置模型的名稱、隐藏、風格、配色等。

5

資料管理

添加資料集,配置資料圖層,讓資料和模型相結合。

6

視角調整

調整最終預覽視角效果。

 FVS三維城市場景.gif

二、新建組件

  1. 新建一個FVS大屏範本,如下圖1所示。

  2. 新增一個【三維城市】組件,點擊【編輯組件】,進入三維城市編輯頁面。如下圖2所示。

  3. 編輯完成後,點擊【返回大屏編輯器】,将自動保存組件内的設定,并回到畫布頁面。如下圖3所示。

image.png

image (1).png

image (2).png

 

三、場景管理

  1. 若首次編輯該三維城市組件,則需要先創建場景,提示【當前沒有場景,請先建立場景,再進行配置】。如下圖所示。

  2. 創建場景有兩種方式:生成新場景,匯入已有場景。

image (3).png

1
創建場景-生成新場景。
  1. 生成新場景,需要使用者在本地先準備好三維城市的geojson檔案。

  2. 點擊【選擇資料】,選擇準備的geojson檔案,上傳成功後即可生成場景。

  3. FVS提供兩種建築風格:科技風格和簡約風格。

注1:上傳的geojson檔案大小建議不超過10M,若檔案過大,會造成生成場景的時間十分漫長。

注2:geojson相關知識和獲取方式,請參見:獲取三維城市所需geojson檔案的操作步驟 。

image (4).png

2
創建場景-匯入已有場景。
  1. 若使用者獲得了他人給與的.scene檔案類型的三維城市場景,使用者在此步驟可直接匯入。如下圖所示。

image (5).png

3
匯出場景。
  1. 在三維城市編輯界面,使用者可匯出當前場景。

  2. 匯出場景時,會包括場景geojson、右側【場景】配置和【模型】配置,生成.scene檔案。

  3. 匯出的檔案可參考上節内容,在其他範本的三維城市組件中使用。

image (6).png

4
替換場景資料。
  1. 在三維城市編輯界面,使用者可替換當前場景資料。

  2. 點擊【替換場景資料】,選擇本地準備好的geojson檔案,即可替換已有場景。

  3. 場景資料的替換,不影響配置好的場景屬性,不影響上傳的自訂模型。

image (7).png

5
設定場景屬性。
  1. 添加場景後,可對場景的屬性進行配置,如下圖所示。

image (8).png

 

設定項



全局設定

整體風格

整體風格包括兩種風格:科技風格和簡約風格。

更改整體風格将會覆蓋所有已配置的樣式設定。

地面背景

地面背景分為兩類:GIS底圖和單色。

1)GIS底圖,可以看到城市的道路名稱、植被、水文等效果,可選擇内置的五套色系,或輸入 自訂TileLayer 的URL。

2)單色,不顯示城市的道路名稱、植被、水文等效果,可任意選擇一種顔色作為底色。

建築高度

為了凸顯或淡化建築的視覺效果,FVS三維城市支持修改地圖的建築高度。

geojson中建築的原始高度作為100%,支持調節的高度範圍為20%~200%。

此處調節的是該三維城市組件中的所有建築,包括無名建築。

環境特效

粒子

若勾選【開啓粒子特效】,城市空中會有類似雪花飛舞的效果出現。

沖擊波

為了突出顯示某個區域,可設定沖擊波,将區域設定為沖擊波的中心點。

支持添加多個沖擊波。

支持設定沖擊波的名稱、坐标、輻射範圍、沖擊波速度、沖擊波顔色等屬性。

支持修改、删除、隐藏沖擊波。

飛昇線條

若勾選【開啓粒子特效】,會不斷的有光柱從地面飛昇至空中。

視角

相機

若勾選【開啓視角變化】,可自動360°旋轉三維城市模型的效果,可以調整視角旋轉的速度。

開啓此功能,不影響使用者滑鼠調整城市視角。

 

四、模型管理

  1. 配置欄切換到模型Tab中,在模型列表中展示geojson中已命名的建築、街道、草地/水系,geojson中未命名的一律合并為其他建築、其他街道、草地、水系。

  2. 選中模型可對模型進行操作。

  3. 支持對模型進行隐藏、删除、重命名。

  4. 支持修改建築頂面、立面風格,支持應用到所有建築。

  5. 支持修改街道風格,支持應用到所有街道。

  6. 支持修改草地、水系的風格和顔色。

注:【三維城市】組件支持添加自訂模型,上傳使用方法,請參見:FVS自訂模型 。

image (9).png

 

五、資料管理

  1. 三維城市組件中支持添加四種資料圖層:點、柱體、線、模型。如下圖所示。

image (10).png

 

圖層

範例

image (11).png

 

 

柱體

image (12).png

 

image (13).png

 

模型

模型-資料圖層,選擇的資料集模型名稱,必須與第四章配置欄中模型名稱一緻。

方可正常顯示在地圖上,若不一緻,則不顯示該模型。

image (14).png

 

 

六、視角調整

1
預訂視角。
  1. 三維城市預訂了三個視角,可一鍵調整:頂視圖、主視圖、側視圖。

image (15).png

2
手動調整視角的方法
  1. 支持兩種方式手動調整場景視角。

  2. 在畫布界面調整視角:在畫布頁面,選中組件,點擊右上角【視角調整】按鈕,即可在組件區域内使用滑鼠調整三維城市視角。調整完成後,滑鼠點擊組件外區域,即可保存最終視角。如下圖1所示。

  3. 在三維城市編輯界面調整:使用者在三維城市編輯頁面,通過滑鼠可直接調整地圖的顯示視角,點擊【返回大屏編輯器】,即可自動保存最終視角。如下圖2所示。

image (16).png

在三維城市編輯界面調整.gif

3
手動調整視角的操作
  1. 滑鼠左鍵、右鍵、滾輪均可用於視角調整。

  2. 滑鼠左鍵:按住滑鼠左鍵拖動,可旋轉當前視角。

  3. 滑鼠右鍵:按住滑鼠右鍵拖動,可平移/拉昇/降低視角。

  4. 滑鼠滾輪:滾動滑鼠滾輪,可放大/縮小視角。

七、已完成範本

  1. 已完成範本請參見:FVS三維城市組件範例.fvs

  2. 本文提供一個範例模型場景,僅供使用者試用,請勿用於實際生産。請下載後解壓使用:範例地區.zip


附件列表


主題: 11.0新增功能
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉