Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。网站上有好多demo案例大家有时间可以研究下,算是基于web实现的天花板效果了。https://www.babylonjs.com/community/
Babylon 是由开发人员、创作者和艺术家组成的开放、充满活力的社区不断突破 Web 3D 的可能性。虽然官网有点丑,但是里面有大量的三维案例大家可以了解下具体实现的效果。http://examples.claygl.xyz/
ClayGL是一个WebGL图形库,用于构建可伸缩的Web3D应用程序。里面大量官方示例可以看下效果。
网站略微有些慢,里面也是一些三维的案例。大家有时间可以自取研究下。http://mars3d.cn/example#%E5%9C%B0%E5%BD%A2%E5%9B%BE%E5%B1%82
Mars3D是一款基于 WebGL 技术实现的三维客户端开发平台,支持轻量级高效能GIS开发,可快速接入与使用多种GIS数据和三维模型,呈现三维空间的可视化。
http://mars3d.cn/project/jcxm/index.html
里面有大量类似样例,可以让开发研究下具体实现效果。
一个用于集成2D/3D地图的开源javascript库。https://cesium.com/use-cases/
CesiumJS是一个开源的JavaScript库,用于创建世界级的3D球体和地图大家用过百度、高德、腾讯地图平台的应该都知道平台内陆图的参数调整都有一定局限性,只能通过他们提供的选项进行调整,有的地不可配置就很难受。今天给大家整理了下国外的一些地图平台,有的配置项会多一些 相对可控,缺点就是国内楼宇数据没有国内陆图的全,大家需要的自取。https://www.mapbox.com/gallery/
基于矢量渲染与webgl技术,交互、可定制的前端框架。里面有好多的地图样式,可控性较高,缺点就是国内街景视图楼宇的数据较少。
Snazzy Maps是一个面向网页设计师和开发者的谷歌地图的不同风格的资源库。地图样式比较丰富,配置项也挺多,大家有时间可以对比下区别。https://openlayers.org/en/latest/examples/
专为Web GIS 提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问,可以进去看看样例。http://mapv.baidu.com/examples/#baidu-map-point-heatmap-time.html
Mapv 是基于百度地图的大数据可视化开源库,可以用来展示大量的点、线、面的数据,每种数据也有不同的展示类型,如直接打点、热力图、网格、聚合等方式展示数据。搜集了一些好玩的可视化应用平台站,大家可以点点看看。https://earth.nullschool.net/#current/wind/surface/level/orthographic=-17.50,7.90,490
该站会计算的风,气候,海洋等气候趋势,数据每隔三小时更新一次。https://www.windy.com/?37.751,-97.822,5,i:pressure
该站统计了全球的实时气候情况,会有气象雷达、卫星云图、风、气压、温度、降水、湿度、PM2.5等等好多图层展示项配置,大家可以研究研究。http://cici.lab.asu.edu/polarglobe/
http://www.gscloud.cn/home#page1/4
全球免费数据,持续更新,国产高分辨率遥感数据,一站尽得。下载:LANDSAT、SENTINEL、MODIS、DEM、NOAA、LUCC...https://webglfundamentals.org/webgl/lessons/zh_cn/
这有一系列教程,从WebGL的基本理论讲起。它们不像大多数其他教程那样改编自旧的OpenGL文章。它们去旧迎新,丢弃一些过时的思想,让你彻底了解WebGL的工作原理。
图象是一个聚焦国内外可视化创意的社区,里面的作品质量都非常不错,不管是工作中找灵感、还是上传作品宣传个人IP都是一个不错的选择。
如对你有帮助点个在看 ,点赞加关注下回不迷路!