[GitHub开源]基于HTML5实现的轻量级Google Earth三维地图引擎，带你畅游世界

A WebGL virtual globe and map engine

WebGlobe

---

WebGlobe是基于HTML5原生WebGL实现的轻量级Google Earth三维地图引擎。

GitHub：https://github.com/iSpring/WebGlobe

Demo: https://ispring.github.io/WebGlobe/index.html

如果觉得不错，欢迎Star和Fork！

Features

---

1. 没有使用第三方框架，无需插件，所有支持WebGL的浏览器均可使用。

2. 支持Google、高德、微软Bing、腾讯、360、OpenStreetMap等底图服务。

3. 支持影像图、行政图以及实施交通图。

4. 支持POI搜索服务。

5. 支持移动浏览器并对移动浏览器做了优化。

6. 轻量级，编译压缩后不足100KB。

Getting Started

---

1. 在项目的根目录下执行npm install，安装所需模块。执行npm start即可进行打包编译，在浏览器中打开生成的index.html即可。

2. 项目有两个主要的分支：develop分支和master分支，develop是主分支，开发的代码都提交到该分支，master分支用于发布新版本。

3. 项目采用TypeScript编写，使用Webpack进行编译打包，编译成JavaScript运行，推荐使用最新的Visual Studio Code作为编辑器。

4. package.json中定义了npm scripts：

   • npm run clean 用于清除编译打包的结果
   • npm run build:dev 对代码进行编译打包，代码没有压缩混淆，用于开发环境
   • npm run build:prod 对代码进行编译打包，代码进行了压缩混淆，用于生产环境
   • npm start 用于执行build:dev

5. 接入持续集成服务Travis CI，保证代码质量。

6. 有问题的话欢迎大家提issue或者到Gitter中进行讨论。

其他

---

之前写过和WebGL相关的教程《WebGL自学教程专栏》，以及WebGlobe相关的文章《WebGL自学课程(16):WebGlobe实现的基本算法原理》、
《WebGL自学课程(15):WebGL在WebGIS上的应用——WebGlobe》。

2013年这个项目其实就存在了，不过当时把所有代码写到了一个文件中，当时有人问能不能开源，当时觉得代码写的比较乱，就没开源。后来把代码拆重构了，结构清晰一些。以后会逐渐完善，增加更多功能，目标是使其成为三维在线地图服务网站。