Gio.js 是一个基于Three.js的web 3D地球数据可视化的开源组件库。使用Gio.js的网页应用开发者，可以快速地以申明的方式创建自定义的Web3D数据可视化模型，添加数据，并且将其作为一个组件整合到自己的应用中。
这个库的开发是受到Google 2012 Info大会上的某项目可视化的启发，该项目开发者是Google员工Michael Chang。使用Gio.js就可以快速构建这种炫酷的3D模型，并以此为基础进行深入地开发。
在HTML的<head>中引入Three.js和Gio.js依赖， 以下展示了如何使用<script>标签引入依赖:
在引入Three.js和Gio.js在页面之后，已经可以创建3D Gio地球了。在此我们将先展示如何创建基础样式的Gio地球。
创建一个<p>，Gio地球将会被渲染在这个区域中：
添加一下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.js R90版本下可以很好地运行和使用。
Gio.js可以运行在以下的浏览器环境中:
更多详细的介绍就不在本文中介绍了，官方文档非常详细，感兴趣的小伙伴可以直接移步文档：
Gio.js可以说是Three.js中实践的非常不错的了，官方还提供了非常多的实例，通过一些简单的API配置即可实现非常炫酷的Web3D可视化地球，而且文档非常详细，更多实用和有趣的地方等待你的 探索 ！
方法一：
1、先用铅笔画一个正方形。
2、然后顶四条边画出一个圆圈。
3、在圆的中上方确定任意一点，然后以这个点为圆心画圆圈。
4、把整个大圆圈里面填几个圆，5圈6圈都行，为纬线。
5、然后经过圆心均匀做一些地球的经线。
6、作一些不规则的陆地图形，大概表示即可。
7、用黑色水笔把所有有用的线条描黑。
8、等待笔记干掉后，擦掉铅笔线条。
9、因为地球被分为大陆和海洋，所以把陆地涂绿色。
10、最后海洋涂蓝色即可完成地球的绘制，如下图。
方法二：
1、先画地球的轮廓，和上面的纹理图形；
2、再接着画出地球周边的树木；
3、然后给地球添加陆地等其它形状；
4、最后再给地球上色，让画面变得更丰富，这样彩色地球就画好了。
方法三：
在纸上画出一个圆形。
里面用曲线画出陆地的形状。
接着可以自由发挥再画出一些陆地。
还可以加上一些星星在地球周围。
地球的大体轮廓就画好了。
最后涂上好看的颜色，地球就画好了。
以上就是画地球的方法。
首先代码setInterval("draw()", 100)应该改setInterval(draw, 100)第参数应该名虽写效强烈建议要写说代码屏幕闪画候先调cxt.beginPath()画结束候掉cxt.closePaht()试试w3c网站讲解确定能能解决问题补充：测代码发现问题
img.onload=function()
{
cxt.drawImage(img,x,y,80,80)
}
边能img.onload调调用画图函数直接画图 cxt.drawImage(img,x,y,80,80)
