自訂3D產線拓撲圖

適用場景：安裝了「FineVis數據可視化」插件的使用者，可參考本文了解 FVS 範本的相關功能。

注：不支援行動端。

1.1 版本

1.2 場景介紹

本文主要介紹基於 FVS 的三維城市組件和官方提供的 geojson轉列工具，建構一個 3D 的產線場景。

1.3 實現效果

根據產線的拓撲圖，自訂轉列 geojson，匯入三維城市後形成三維的產線拓撲圖效果。

步驟：

2.1 轉列平面拓撲圖

自訂 geojson 一定要有「頂檢視表」作為轉列 geojson 座標的輔助定位，以免後期反覆修改 geojson。頂檢視表用 PPT 或者其他軟體轉列即可，舉例如下：

2.2 自訂 geojson

提供一個與 FVS 配套的擴展工具（測試版），可實現使用者自訂轉列 geojson：FineGeoJSON Editor

注：以下使用的產線圖紙來源於網路，對應的產線場景也是虛擬。

1）框選區域：點選“設定邊框”按鈕框選產線拓撲圖的區域範圍：

2）上傳拓撲圖：將頂檢視表上傳作為框選的區域圖表。

選擇好圖片後，點選“完成”按鈕：

3）勾畫輪廓：在頂檢視表用右側的工具欄“建立多邊形”轉列對應的形狀，對應建築的外輪廓。

4）轉列流線：按照需求將流線轉列出來。注意線是有方向的，流向方向反的話可以更換線段的首尾。

5）設定屬性：geojson 轉列完畢之後根據想要實現的視覺效果，分為主/次建築，主/次街道等。

給主建築/主街道分別設定名稱，剩下沒有名稱的即為次建築/次街道。再給每個建築設定高度等。

6）座標打點：如果要在場景裏設定點、線、柱子等資料點的話，可以使用打點功能。複製點的經度、緯度資料，以便之後在大屏編輯器裏設定內建資料集進行點、線、柱子的資料綁定。

注：轉列完成後要注意把上傳背景的矩形刪掉。

獲取經緯度資料後，在設計器內新增內建資料集，如下圖所示：

7）匯出檔案：將 geojson 檔案匯出。

匯出的 geojson 檔案是建築資訊檔案，是我們在 FVS 編輯器中需要匯入到三維城市組件中的建築資料。

2.3 geojson 檔案匯入 FVS 生成模型

在 FVS 裏建立三維城市，點選編輯組件。

上傳剛剛轉列好的 geojson 檔案，即可生成自訂的 geojson 模型效果。如下所示：

效果如下圖所示：

2.4 配置資料圖層

三維城市組件支援新增四種資料圖層：點、柱體、線、模型。詳細配置請參見：FVS三維城市-城市場景

注：模型-資料圖層，選擇的資料集模型名稱，必須與配置欄中模型名稱一致方可正常顯示在地圖上；若不一致，則不顯示該模型的資料標籤。

下面以「模型-資料圖層」為例，首先新增一個內建資料集如下圖所示：

模型名稱與資料集中欄位保持一致，如下圖所示：

在三維城市編輯介面右側配置區，點選「資料>新增資料圖層」，選擇「模型-資料圖層」，並綁定資料集資料。如下圖所示：

2.5 調整樣式

對單個模型、街道、河流、草地等調整視覺效果：在右側的面板裏切換至模型列表。選中想要修改的模型，對應模型有被選中效果。可以設定該模型的頂面顏色、立面效果。

立面可以設定不同風格效果，不同的風格下有不同的內建立面材質。每個立面可以設定顏色。發光強度。貼圖的密度等等。

也可以調整好單個建築效果之後點選應用到所有主建築/主街道、一鍵應用到所有的主建築模型/主街道模型。

調整完畢之後最終效果如下：

本文範例範本：3D產線demo測試.fvs