帮酷LOGO
  • 显示原文与译文双语对照的内容
在Web端基于WebGL实现的三维地球,无需插件,所有支持WebGL的浏览器均可使用

  • 源代码名称:WebGlobe
  • 源代码网址:http://www.github.com/iSpring/WebGlobe
  • WebGlobe源代码文档
  • WebGlobe源代码下载
  • Git URL:
    git://www.github.com/iSpring/WebGlobe.git
  • Git Clone代码到本地:
    git clone http://www.github.com/iSpring/WebGlobe
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/iSpring/WebGlobe
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • A WebGL virtual globe and map engine

    WebGlobe

    Build StatusReleaseGitter

    Chrome 8+Firefox 4+IE11Edge12+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

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

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

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

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

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

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

    Getting Started

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

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

    项目的核心渲染引擎部分使用TypeScript进行开发,移动端WebApp界面采用Babel + React + react-router进行开发,使用Webpack进行构建,推荐使用最新的Visual Studio Code作为编辑器。

    package.json中定义了npm scripts

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

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

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

    Screenshots

    1. WebGlobe移动端主界面

    2. 附近搜索

    3. 搜索结果列表展示

    4. 搜索结果地图展示

    5. 路线规划

    6. 驾车出行路线

    7. 公交出行路线

    8. 步行出行路线




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语