GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → iSpring → Webglobe

iSpring / Webglobe

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

Programming Languages

typescript
32286 projects

Labels

html5webglopensourcemapearthglobe

Projects that are alternatives of or similar to Webglobe

Openglobus
JavaScript 3d maps and geospatial data visualization engine library.
Stars: ✭ 199 (-70.95%)
Mutual labels:  webgl, earth, globe, map
Webworldwind
The NASA WorldWind Javascript SDK (WebWW) includes the library and examples for creating geo-browser web applications and for embedding a 3D globe in HTML5 web pages.
Stars: ✭ 628 (-8.32%)
Mutual labels:  webgl, earth, globe, html5
React Globe
Create beautiful and interactive React + ThreeJS globe visualizations with ease.
Stars: ✭ 167 (-75.62%)
Mutual labels:  webgl, earth, globe
simple-world-map
A simple SVG world map with ISO 3166-1 annotations
Stars: ✭ 59 (-91.39%)
Mutual labels:  map, earth, globe
React Map Gl
React Component Library for Mapbox GL JS
Stars: ✭ 298 (-56.5%)
Mutual labels:  webgl, map
Glmaps
Data visualization examples and tutorials from scratch. 数据可视化示例代码集与新手学习教程。
Stars: ✭ 288 (-57.96%)
Mutual labels:  webgl, earth
Melonjs
a fresh & lightweight javascript game engine
Stars: ✭ 3,721 (+443.21%)
Mutual labels:  webgl, html5
Taro
A lightweight 3D game engine for the web.
Stars: ✭ 345 (-49.64%)
Mutual labels:  webgl, html5
mviewer
Visualiseur géographique thématique basé sur OpenLayers 6.3.1 et Bootstrap 3.3.6 / cartographic application based on OpenLayers and Bootstrap
Stars: ✭ 53 (-92.26%)
Mutual labels:  map, opensource
Phaser3 Docs
Phaser 3 Documentation and TypeScript Defs
Stars: ✭ 339 (-50.51%)
Mutual labels:  webgl, html5
Globe
Interactive ASCII globe generator
Stars: ✭ 440 (-35.77%)
Mutual labels:  earth, globe
Three Globe
WebGL Globe Data Visualization as a ThreeJS reusable 3D object
Stars: ✭ 270 (-60.58%)
Mutual labels:  webgl, globe
angular-mapboxgl-directive
AngularJS directive for Mapbox GL
Stars: ✭ 43 (-93.72%)
Mutual labels:  map, webgl
Geojs
High-performance visualization and interactive data exploration of scientific and geospatial location aware datasets
Stars: ✭ 323 (-52.85%)
Mutual labels:  webgl, opensource
earth
🌏 A map of places I've checked in on Earth.
Stars: ✭ 96 (-85.99%)
Mutual labels:  map, earth
Messenger
iOS - Real-time messaging app 🎨
Stars: ✭ 491 (-28.32%)
Mutual labels:  opensource, map
Sea3d
An open-source format and tools for game developers 🎮
Stars: ✭ 483 (-29.49%)
Mutual labels:  webgl, html5
Itowns
A Three.js-based framework written in Javascript/WebGL for visualizing 3D geospatial data
Stars: ✭ 517 (-24.53%)
Mutual labels:  webgl, globe
Awesome Glsl
🎇 Compilation of the best resources to learn programming OpenGL Shaders
Stars: ✭ 530 (-22.63%)
Mutual labels:  webgl, html5
traffic
Massively real-time traffic streaming application
Stars: ✭ 25 (-96.35%)
Mutual labels:  map, opensource
View All Similar Projects ➔

A WebGL virtual globe and map engine

WebGlobe

Build Status Release Gitter

Chrome 8+ Firefox 4+ IE11 Edge12+ Safari 5.1+ Opera 12.1+

Chrome for Android 25+ Firefox Mobile 4+ Safari Mobile 8.1+ Opera Mobile 12+

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

桌面版在线访问地址: https://ispring.github.io/WebGlobe/index.html

移动版二维码访问(小米系统中的微信、小米默认浏览器在某些情况下存在已知bug):

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

Features

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

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

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

  4. 支持搜索服务，既可以按照POI类型搜索，也可以按照POI名称搜索。

  5. 支持路线规划服务，支持自驾车、公交、步行三种出行方式，自驾车和公交出行均提供多种出行方案。

  6. 支持移动浏览器并对移动浏览器做了优化，并针对移动端做了一个WebApp，能够实现常用的地图功能，具有实用性。

Getting Started

  1. 在项目的根目录下执行npm install，安装所需模块。执行npm start即可进行打包编译，在buildOutput目录中，在浏览器中打开index.html可访问WebGlobe桌面版，打开webapp.html可访问WebGlobe移动版。

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

  3. 项目的核心渲染引擎部分使用TypeScript进行开发，移动端WebApp界面采用Babel + React + react-router进行开发，使用Webpack进行构建，推荐使用最新的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中进行讨论。

Screenshots

1. WebGlobe移动端主界面

2. 附近搜索

3. 搜索结果列表展示

4. 搜索结果地图展示

5. 路线规划

6. 驾车出行路线

7. 公交出行路线

8. 步行出行路线

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].