ispring / webglobe Goto Github PK

View Code? Open in Web Editor NEW

773.0 60.0 284.0 6.96 MB

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

Home Page: https://ispring.github.io/WebGlobe/index.html

JavaScript 16.45% HTML 0.88% TypeScript 77.97% CSS 4.70%

webgl map globe earth html5 typescript opensource google-earth google-map

webglobe's Introduction

A WebGL virtual globe and map engine

WebGlobe

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. 步行出行路线

webglobe's People

Contributors

Stargazers

Watchers

Forkers

riddle911 zhanghao0371 qingchaohu frequdem katey2658 zhouda leesson aliveon hu19891110 wakegiser wandergis polokobe chailei9005 ossoen cgeraj earthstorm2015 jeaken veenlee zeppelln xiaoshihoukehuailene zhanggangbz qq676784385 netcy ixiaoyin liujingbo zuijiaoluo beikaiyishui chenyuan8059 czy litterbug23 xhuanghun hogwartsrico gitter-badger jiangchao1987 ljmljz erwin009 b-xiang yang123vc nizvoo liqiao6884 liuyangnavinfo zkg642 sxyseo jyj545 diyanan laokey awilonk airryyuan chisw-forked dut3062796s shixl happypaner myuanyuan qianlinjun lizyagrs the-smurfs daringjip keanhuang ryfx lu0371 hxgis qiedebeiai pdap yanjiang666 immortal-wang xiaobulala yinheli zuojinbo phoenixnudt songlin123 coordinate zldevil2011 zja303vnzl libanxian2017 nicholaszj zhaxinlaotie yichen2017 warlock1994 lishulincug cnopens geomaticsandrs wuhaixiang caizhisheng tanysky cjjcsu coffeeeeel weifuwei163 gjc2017 byronwind fangguanya xunxin03 mrbigdog sunhuwh nicholasalx xuyongmin lameboy shigongchen gitshujian exlimit fanyongfei

webglobe's Issues

search POI

【讨论请教】请教一个算法问题，计算tile块在不同高度占据的屏幕投影面积

主要是想用来实现
LOD，目前在做一些webWorldWind的一些工作，这个对KML的支持不太全，加载Region时候一次性加载了所有的图片，不符合性能要求，想改成支持LOD的，不太会计算tile块在不同高度下的屏幕投影面积。请教一下，希望能指点一二。

add unit tests & code coverage

当前定位显示问题

定位在北京,旋转到背面也就是经度+180之后，当前定位图标会显示出来

截图来自https://ispring.github.io/WebGlobe/index.html

如何通过自己制作的按钮控制地图缩放级别

大佬可以b站出个教程吗

poi增加click回调函数

望可共同开发升级

在buildOutput文件夹下构建的index.2459e6837d865f2e46c1.js之前的源文件是哪一个？

let user can rotate using right mouse

你好，能否写一份技术文档

你好，能否写一份技术文档，便于我们小白学习。
讲解写原理性的东西

有没有要用的demo

比如我想在上面打点、划线、让地球自动转起来

support for React

谷歌卫星底图是怎么拿下来的？你这个底图是google在线的吗

菜鸟提问，编译时问题

error TS18003: No inputs were found in config file '***/tsconfig.json'. Specified 'include' paths were '["ts//*.ts"]' and 'exclude' paths were '["node_modules"]'.

screen go to blank when zoom into level 14

solve the depth precision by updating both camera position and fov

你好，请教一下，TileGrid.getTileGridByGeo()的原理是什么，里面有什么公式吗

optimize visible Tile stategy

should not send duplicate image requests with same url

启动时候，出现问题

我从github上下载了项目，通过 npm install 安装了依赖包，但是npm start 出现问题，
ERROR in ./src/core/world/EventHandler.ts
(32,7): error TS2554: Expected 2-3 arguments, but got 1.

ERROR in E:\WSM\Owner Studying\OpenGIS\WebGlobe-develop\tscon
error TS2688: Cannot find type definition file for 'es6-promi

ERROR in E:\WSM\Owner Studying\OpenGIS\WebGlobe-develop\tscon
error TS2688: Cannot find type definition file for 'react'.

ERROR in E:\WSM\Owner Studying\OpenGIS\WebGlobe-develop\tscon
error TS2688: Cannot find type definition file for 'react-dom