87

基于 Three.js 的 Web3D 地球数据可视化库 Gio.js&nbs

 5 years ago
source link: http://www.10tiao.com/html/146/201807/2650082334/3.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.


授权协议:Apache-2.0

开发语言:JavaScript

操作系统:跨平台

软件作者:HelloGio

在这里和大家分享一个和小伙伴们一起开发的开源库 Gio.js。


Gio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用 Gio.js 的网页应用开发者,可以快速地以申明的方式创建自定义的 Web3D 数据可视化模型,添加数据,并且将其作为一个组件整合到自己的应用中。


  • 中文官网:http://giojs.org/index_zh.html

  • Codepen 在线例子:https://codepen.io/collection/DkBobG/



为什么要开发、使用 Gio.js


这个库的开发是受到 Google 2012 Info 大会上的项目世界武器贩卖可视化的启发,该项目开发者是 Google 员工 Michael Chang。使用 Gio.js 就可以快速构建这种炫酷的 3D 模型,并以此为基础进行深入地开发。Gio.js 具有以下的特点:


  • 易用性 -- 仅使用 4 行 Javascript 即可创建 3D 地球数据可视化模型

  • 定制化 -- 使用 Gio.js 提供的丰富的 API 来创建自定义样式的 3D 地球

  • 现代化 -- 基于 Gio.js 构建高交互、跨平台、自适应的现代化 3D 前端应用


基本使用介绍


通过 NPM 或者 YARN 安装 giojs



在 HTML 页面中添加了 Threejs 和 Giojs 依赖之后,您就可以基于 Giojs 开发您的应用了。我们将展示如何创建一个具有基础样式的 Gio 地球。



在页面中添加以下 Javascript 代码来初始化 Gio 地球:



项目详情及源码地址获取:




推荐阅读

大变样,Chrome 新一代 Material Design UI 来袭

Python 之父宣布退出决策层,Python 该何去何从?

认为 C++ 太糟糕,独立游戏教父“吹神”亲自开发新语言

颠覆网站 C/S 模式,没有服务器的网站会带来什么变革?

为什么 Windows 7 会成为 Windows 10 最大的敌人?

点击“阅读原文”查看更多精彩内容




About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK