反饋已提交
網絡繁忙
本文将為大家介紹 FVS 三維城市組件的場景匯入、屬性編輯、視角轉換等操作。
三維城市是指通過上傳geojson檔案,立體展示城市示意模型,包括城市建築、街道、水系草地等模型。
使用者可通過三維模型和資料集的搭配,構建如下圖所示的模型圖。
操作步驟:三維城市示意模型的搭建,建議操作步驟如下表所示。
序号
步驟
簡介
1
範本準備
新建大屏範本,新建頁面,新增【三維城市】組件,編輯組件。
2
創建場景
生成新場景/匯入已有場景。
3
場景管理
配置三維場景的風格、環境特效、視角旋轉等。
4
模型管理
配置模型的名稱、隐藏、風格、配色等。
5
資料管理
添加資料集,配置資料圖層,讓資料和模型相結合。
6
視角調整
調整最終預覽視角效果。
新建一個FVS大屏範本,如下圖1所示。
新增一個【三維城市】組件,點擊【編輯組件】,進入三維城市編輯頁面。如下圖2所示。
編輯完成後,點擊【返回大屏編輯器】,将自動保存組件内的設定,并回到畫布頁面。如下圖3所示。
若首次編輯該三維城市組件,則需要先創建場景,提示【當前沒有場景,請先建立場景,再進行配置】。如下圖所示。
創建場景有兩種方式:生成新場景,匯入已有場景。
生成新場景,需要使用者在本地先準備好三維城市的geojson檔案。
點擊【選擇資料】,選擇準備的geojson檔案,上傳成功後即可生成場景。
FVS提供兩種建築風格:科技風格和簡約風格。
注1:上傳的geojson檔案大小建議不超過10M,若檔案過大,會造成生成場景的時間十分漫長。
注2:geojson相關知識和獲取方式,請參見:獲取三維城市所需geojson檔案的操作步驟 。
若使用者獲得了他人給與的.scene檔案類型的三維城市場景,使用者在此步驟可直接匯入。如下圖所示。
在三維城市編輯界面,使用者可匯出當前場景。
匯出場景時,會包括場景geojson、右側【場景】配置和【模型】配置,生成.scene檔案。
匯出的檔案可參考上節内容,在其他範本的三維城市組件中使用。
在三維城市編輯界面,使用者可替換當前場景資料。
點擊【替換場景資料】,選擇本地準備好的geojson檔案,即可替換已有場景。
場景資料的替換,不影響配置好的場景屬性,不影響上傳的自訂模型。
添加場景後,可對場景的屬性進行配置,如下圖所示。
設定項
全局設定
整體風格
整體風格包括兩種風格:科技風格和簡約風格。
更改整體風格将會覆蓋所有已配置的樣式設定。
地面背景
地面背景分為兩類:GIS底圖和單色。
1)GIS底圖,可以看到城市的道路名稱、植被、水文等效果,可選擇内置的五套色系,或輸入 自訂TileLayer 的URL。
2)單色,不顯示城市的道路名稱、植被、水文等效果,可任意選擇一種顔色作為底色。
建築高度
為了凸顯或淡化建築的視覺效果,FVS三維城市支持修改地圖的建築高度。
geojson中建築的原始高度作為100%,支持調節的高度範圍為20%~200%。
此處調節的是該三維城市組件中的所有建築,包括無名建築。
環境特效
粒子
若勾選【開啓粒子特效】,城市空中會有類似雪花飛舞的效果出現。
沖擊波
為了突出顯示某個區域,可設定沖擊波,将區域設定為沖擊波的中心點。
支持添加多個沖擊波。
支持設定沖擊波的名稱、坐标、輻射範圍、沖擊波速度、沖擊波顔色等屬性。
支持修改、删除、隐藏沖擊波。
飛昇線條
若勾選【開啓粒子特效】,會不斷的有光柱從地面飛昇至空中。
視角
相機
若勾選【開啓視角變化】,可自動360°旋轉三維城市模型的效果,可以調整視角旋轉的速度。
開啓此功能,不影響使用者滑鼠調整城市視角。
配置欄切換到模型Tab中,在模型列表中展示geojson中已命名的建築、街道、草地/水系,geojson中未命名的一律合并為其他建築、其他街道、草地、水系。
選中模型可對模型進行操作。
支持對模型進行隐藏、删除、重命名。
支持修改建築頂面、立面風格,支持應用到所有建築。
支持修改街道風格,支持應用到所有街道。
支持修改草地、水系的風格和顔色。
注:【三維城市】組件支持添加自訂模型,上傳使用方法,請參見:FVS自訂模型 。
三維城市組件中支持添加四種資料圖層:點、柱體、線、模型。如下圖所示。
圖層
範例
點
柱體
線
模型
模型-資料圖層,選擇的資料集模型名稱,必須與第四章配置欄中模型名稱一緻。
方可正常顯示在地圖上,若不一緻,則不顯示該模型。
三維城市預訂了三個視角,可一鍵調整:頂視圖、主視圖、側視圖。
支持兩種方式手動調整場景視角。
在畫布界面調整視角:在畫布頁面,選中組件,點擊右上角【視角調整】按鈕,即可在組件區域内使用滑鼠調整三維城市視角。調整完成後,滑鼠點擊組件外區域,即可保存最終視角。如下圖1所示。
在三維城市編輯界面調整:使用者在三維城市編輯頁面,通過滑鼠可直接調整地圖的顯示視角,點擊【返回大屏編輯器】,即可自動保存最終視角。如下圖2所示。
滑鼠左鍵、右鍵、滾輪均可用於視角調整。
滑鼠左鍵:按住滑鼠左鍵拖動,可旋轉當前視角。
滑鼠右鍵:按住滑鼠右鍵拖動,可平移/拉昇/降低視角。
滑鼠滾輪:滾動滑鼠滾輪,可放大/縮小視角。
已完成範本請參見:FVS三維城市組件範例.fvs。
本文提供一個範例模型場景,僅供使用者試用,請勿用於實際生産。請下載後解壓使用:範例地區.zip。
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉