WebGL可视化地球和地图引擎：Cesium.js

怼烎@ 2022-09-22 04:56 309阅读 0赞

Cesium 是一个JavaScript 库用于在Web浏览器创建 3D 地球和 2D 地图，无需任何插件。Cesium 使用 WebGL 来进行硬件加速图形化；跨平台；跨浏览器；实现真正的动态数据进行可视化。Cesium 基于 Apache 开源协议，支持商业和非商业免费使用。

Cesium 主要特性：

*  动态地理空间可视化
 *  非常高的性能和精准度
 *  一个 API，三种视图：3D，2D 和 2.5D

### Featured Demos ###

[![687474703a2f2f63657369756d6a732e6f72672f696d616765732f53616e64636173746c652e706e67][]][687474703a2f2f63657369756d6a732e6f72672f696d616765732f53616e64636173746c652e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f696d616765732f536174656c6c6974655669657765722e706e67][]][687474703a2f2f63657369756d6a732e6f72672f696d616765732f536174656c6c6974655669657765722e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6e6f726164747261636b7373616e74612e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6e6f726164747261636b7373616e74612e706e67 1]

### Demos ###

[![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f47506c617465732e6a7067][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f47506c617465732e6a7067 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f69676e2e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f69676e2e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f61746f76697375616c697a65722e6a7067][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f61746f76697375616c697a65722e6a7067 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756e7368696e652e6a7067][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756e7368696e652e6a7067 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f646f6172616d612e6a7067][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f646f6172616d612e6a7067 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f706f77646572747261636b732e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f706f77646572747261636b732e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f65617274686b616d6578706c6f7265722e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f65617274686b616d6578706c6f7265722e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f64332e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f64332e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6b6f616e7379732e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6b6f616e7379732e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756273706163652e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756273706163652e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6167736174747261636b2e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6167736174747261636b2e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f7765626c766373696d756c6174696f6e7669657765722e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f7765626c766373696d756c6174696f6e7669657765722e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f766567612e706e67][]][687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f766567612e706e67 1]  [![687474703a2f2f63657369756d6a732e6f72672f696d616765732f43657369756d5669657765722e706e67][]][687474703a2f2f63657369756d6a732e6f72672f696d616765732f43657369756d5669657765722e706e67 1]

![WebGL 可视化引擎：Cesium.js][WebGL _Cesium.js]

![WebGL 可视化引擎：Cesium.js][WebGL _Cesium.js 1]

![Center][]![SouthEast][]

![WebGL 可视化引擎：Cesium.js][WebGL _Cesium.js 2]

[687474703a2f2f63657369756d6a732e6f72672f696d616765732f53616e64636173746c652e706e67]: https://camo.githubusercontent.com/87614b460e0257e6611ea04081db060a62d16edc/687474703a2f2f63657369756d6a732e6f72672f696d616765732f53616e64636173746c652e706e67
[687474703a2f2f63657369756d6a732e6f72672f696d616765732f53616e64636173746c652e706e67 1]: http://cesiumjs.org/Cesium/Apps/Sandcastle/index.html
[687474703a2f2f63657369756d6a732e6f72672f696d616765732f536174656c6c6974655669657765722e706e67]: https://camo.githubusercontent.com/7d5469fc80ff8600154afd3e0155d5fe84283b77/687474703a2f2f63657369756d6a732e6f72672f696d616765732f536174656c6c6974655669657765722e706e67
[687474703a2f2f63657369756d6a732e6f72672f696d616765732f536174656c6c6974655669657765722e706e67 1]: http://apps.agi.com/SatelliteViewer/
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6e6f726164747261636b7373616e74612e706e67]: https://camo.githubusercontent.com/6357484c09acca921c42ea000a8b4660abf4f5f7/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6e6f726164747261636b7373616e74612e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6e6f726164747261636b7373616e74612e706e67 1]: http://cesiumjs.org/demos/noradtrackssanta.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f47506c617465732e6a7067]: https://camo.githubusercontent.com/2ab2dca5d83deb0a62aa1f8ddf0dd093ea949ae1/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f47506c617465732e6a7067
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f47506c617465732e6a7067 1]: http://cesiumjs.org/demos/GPlates.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f69676e2e706e67]: https://camo.githubusercontent.com/f416958c4a5075f2bc02ec30c1a7f945e86c1514/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f69676e2e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f69676e2e706e67 1]: http://cesiumjs.org/demos/ign.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f61746f76697375616c697a65722e6a7067]: https://camo.githubusercontent.com/a0c0ed95ff3130ee232a311c30c232a0ea72c448/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f61746f76697375616c697a65722e6a7067
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f61746f76697375616c697a65722e6a7067 1]: http://cesiumjs.org/demos/atovisualizer.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756e7368696e652e6a7067]: https://camo.githubusercontent.com/27d4f388957389caf0a3415a7e967f93bfccd267/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756e7368696e652e6a7067
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756e7368696e652e6a7067 1]: http://cesiumjs.org/demos/sunshine.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f646f6172616d612e6a7067]: https://camo.githubusercontent.com/31fd1b9a895af2eac991fb06618c160021a9e873/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f646f6172616d612e6a7067
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f646f6172616d612e6a7067 1]: http://cesiumjs.org/demos/doarama.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f706f77646572747261636b732e706e67]: https://camo.githubusercontent.com/40ad9d13c112165e2d593c8a63954eb230e34ded/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f706f77646572747261636b732e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f706f77646572747261636b732e706e67 1]: http://cesiumjs.org/demos/powdertracks.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f65617274686b616d6578706c6f7265722e706e67]: https://camo.githubusercontent.com/f02d531877046229f9560f848d794c65ab99bda6/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f65617274686b616d6578706c6f7265722e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f65617274686b616d6578706c6f7265722e706e67 1]: http://cesiumjs.org/demos/earthkamexplorer.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f64332e706e67]: https://camo.githubusercontent.com/51001e4effb075896601bb79ceb52eca2ace04f0/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f64332e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f64332e706e67 1]: http://cesiumjs.org/demos/d3.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6b6f616e7379732e706e67]: https://camo.githubusercontent.com/fadba63438e3d8a6f22b252996143bc4fdd73e04/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6b6f616e7379732e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6b6f616e7379732e706e67 1]: http://cesiumjs.org/demos/koansys.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756273706163652e706e67]: https://camo.githubusercontent.com/099090c4a55607c70c2e9b396ca083be4887921d/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756273706163652e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f73756273706163652e706e67 1]: http://cesiumjs.org/demos/subspace.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6167736174747261636b2e706e67]: https://camo.githubusercontent.com/9b2e70edcc3755b84f5c9db58fd27c871476b664/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6167736174747261636b2e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f6167736174747261636b2e706e67 1]: http://cesiumjs.org/demos/agsattrack.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f7765626c766373696d756c6174696f6e7669657765722e706e67]: https://camo.githubusercontent.com/2eba023a532b2f57a4740d78dd3d7cf98b85c5b0/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f7765626c766373696d756c6174696f6e7669657765722e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f7765626c766373696d756c6174696f6e7669657765722e706e67 1]: http://cesiumjs.org/demos/weblvcsimulationviewer.html
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f766567612e706e67]: https://camo.githubusercontent.com/1ed856be07bd8f8b407003a3cf747c7b99c59099/687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f766567612e706e67
[687474703a2f2f63657369756d6a732e6f72672f64656d6f732f696d616765732f766567612e706e67 1]: http://cesiumjs.org/demos/vega.html
[687474703a2f2f63657369756d6a732e6f72672f696d616765732f43657369756d5669657765722e706e67]: https://camo.githubusercontent.com/1a5cc1ee93d7a1f4a2c38d5f21ffb5a550cef0ed/687474703a2f2f63657369756d6a732e6f72672f696d616765732f43657369756d5669657765722e706e67
[687474703a2f2f63657369756d6a732e6f72672f696d616765732f43657369756d5669657765722e706e67 1]: http://cesiumjs.org/Cesium/Build/Apps/CesiumViewer/
[WebGL _Cesium.js]: /images/20220721/ba7f68a51a2a4c4f85d137c7df649c12.png
[WebGL _Cesium.js 1]: /images/20220721/5199b650def24fbd9e200db74a043b26.png
[Center]: https://img-blog.csdn.net/20160628111851880?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[SouthEast]: /images/20220721/3884fc315d4a4cdebbba50a070ab3295.png
[WebGL _Cesium.js 2]: /images/20220721/a70060e5965e4a999589493b691961ba.png