3D可視化一大福音!ThingJS開發城市地圖只須要五步

優鍩科技的聯創人員有一個共同願景,就是讓人們更好地認知和管理數字化世界,這意味着要堅定拋棄掉舊思惟,纔可以突破和創新。ThingJS 作平臺的目的就是實現輕量化的可視化開發,不只廣泛下降3D工具使用難度,還可以基於JS代碼簡單開發炫酷功能,實屬3D開發領域的一大福音!json

ThingJS提供了一個城市場景的搭建工具CityBuilder,能夠自動搭建3D城市地圖,不須要咱們另外去使用3Ds max等工具來製做模型,不然的話項目開發複雜度會高不少。一個好消息就是,ThingJS提供了CityBuilder搭建工具,用戶只要上傳Geojson數據,便可根據這個數據生成對應的三維智慧城市場景!編輯器

ThingJS的在線開發工具CityBuilder,不但可以一鍵生成選擇的區域的城市模型,還可以根據上傳的Gis數據(Geojson格式文件)生成對應區域的城市模型!打開在線開發的界面,點擊編輯器上方右側的一個地球小圖標,便可進入ThingJS在線開發工具CityBuilder。ide

ThingJS如何一鍵生成3D城市?

話說回來,如何選擇本身想要搭建的城市範圍?怎麼選擇精美的模板?有對應的數據又該怎麼生成城市場景?沒有數據可是須要對這些數據進行操做能夠麼?ThingJS的實現步驟很簡單。工具

進入到ThingJS的在線開發中,找到一鍵3D城市的入口,前面也說了具體位置。首先輸入地圖/城市項目名稱,在 新建地圖窗口選擇一鍵城市,選取城市範圍或輸入城市名稱如上海,挑選配色合適的3D城市模板後,點擊進入編輯狀態,就成功生成初始模板了。開發工具

能夠說,前期的操做就是點點點,這樣一個3D城市或者說是3D地圖就展示出來了,咱們能夠根據這個展示的3D城市進行下一步的操做,不管是去給他替換模型或者說是控制視角進行巡遊,亦或增長圖表來顯示對應數據,或者是點擊出現對應大樓名稱,也能夠更詳細的彈出對應大樓的實時數據,好比人數、當前樓層溫溼度等等,這些均可以經過ThingJS快速製做!ui

ThingJS上傳Geojson數據生成3D城市地圖

基於Webgl可視化平臺ThingJS的CityBuilder搭建工具,可以選擇對應區域生成模型,還有多種精美的模板能夠選擇,如圖所示,CityBuilder不但可以輸入對應區域,選擇模板,還可以上傳咱們自身的GIS數據。 在ThingJS在線開發平臺,當咱們不選擇一鍵城市而是上傳數據後,將會進入空的CityBuilder編輯頁面,此時咱們點擊圖層右側的加號,將會出現個人數據面板,選擇上傳咱們的Geojson數據,注意選擇座標系,便可上傳咱們的數據了並在ThingJS中生成三維城市模型! 3d

當咱們的數據成功上傳後,就會展示在「個人數據」中,點擊個人數據,就能將咱們的GIS數據(Geojson格式)轉化成城市場景,而且進行對應操做,好比修改樣式,可使用模型替換掉目標模型,設置模型大小比例等等,還能設置彈窗,用戶點擊對應模型就能彈出對應的效果,使得咱們的3D可視化城市搭建更加便捷,並且後續添加可視化對應的圖表也可以使用ThingJS的圖表功能添加,能夠說是很是便捷的一個工具!blog

小編手欠的時候去數了一下數,發現實現一個3D城市地圖的基礎模板,只須要5個步驟,接下來就能夠進入在線平臺開發想要的3D功能了!是否是很簡單呢,點擊查看更多ci

相關文章
相關標籤/搜索