當前位置:菜譜大全網 - 孕婦食譜 - 四行代碼就可以完成壹個網頁版的地球三維可視化——gio . js。

四行代碼就可以完成壹個網頁版的地球三維可視化——gio . js。

Gio.js是基於Three.js的web 3D地球數據可視化開源組件庫,使用Gio.js的web應用開發者可以快速以聲明的方式創建定制的Web3D數據可視化模型,添加數據,並將其作為組件集成到自己的應用中。

Gio.js是基於Three.js的web 3D地球數據可視化開源組件庫,使用Gio.js的web應用開發者可以快速以聲明的方式創建定制的Web3D數據可視化模型,添加數據,並將其作為組件集成到自己的應用中。

這個庫的開發靈感來自谷歌2012信息大會上的壹個項目的可視化,它是由谷歌員工張德培開發的。使用Gio.js,您可以快速構建這個很酷的3D模型,並對其進行深入開發。

在HTML中

在頁面中引入Three.js和Gio.js之後,已經可以創建3D Gio Earth了。在這裏,我們將首先展示如何創建壹個基本風格的吉奧地球。

創建壹個

將4行Javascript代碼添加到HTML中,以創建和呈現:

Gio.js 1.0發布後,開發者提出了很多很酷很有建設性的建議,比如微信應用開發者希望Gio.js支持微信小程序,有經驗的Three.js開發者希望Gio.js提供Three.js編程接口。Gio.js 2.0經過仔細研究和全面設計,實現了大部分功能,並增加了相關文檔。以下是2.0中的主要新功能:

Gio.js只靠Three.js

經過測試,Gio.js在Three.jsr90版本下可以很好的運行和使用。

Gio.js可以在以下瀏覽器環境中運行:

更詳細的介紹本文就不介紹了。官方文檔非常詳細,有興趣的夥伴可以直接移步文檔:

Gio.js可以說是Three.js中非常好的做法,政府也提供了很多例子。通過壹些簡單的API配置,就可以實現壹個非常酷的Web3D可視化地球,而且文檔非常詳細,更多實用有趣的地方等著妳去探索!