zhang90030 / ol-cesium Goto Github PK

OpenLayers - Cesium integration library. Create your map using OpenLayers, and visualize it on a globe with Cesium. See live examples.

Since version 2.0, the code is entirely based on ES6 modules and syntax. That package requires OpenLayers 5.x.

Switch smoothly between 2D and 3D and synchronize:

• Map context (bounding box and zoom level);
• Raster data sources;
• Vector data sources in 2D and 3D;
• Map selection (selected items);
• Animated transitions between map and globe view.

The library is configurable and extensible and allows:

• Lazy or eager loading of Cesium
• Limiting Cesium resource consumption (idle detection)

For synchronization of maps in projections other than EPSG:4326 and EPSG:3857, see #562 branch.

There are several ways to use OL-Cesium in your application.

See the examples for how it was done with webpack. It should work equally well with other bundlers, please create an issue if it is not the case.

<!-- integrate OpenLayers and Cesium as usual
<link rel="stylesheet" href="ol.css" type="text/css">
<script src="ol.js"></script>
<script src="Cesium.js"></script>
-->
<link rel="stylesheet" href="olcs.css" type="text/css">
<script src="olcesium.js"></script>

Use your webpack / require.js / ... as usual.

An OpenLayers map can be switched to a 3d globe view by running the code below after the map has been created:

import OLCesium from 'olcs/OLCesium.js';
const ol3d = new OLCesium({map: map}); // map is the ol.Map instance
ol3d.setEnabled(true);

See the examples.

If you are new to Cesium, you should also check the Cesium tutorials.

This is useful for contributing to Ol-Cesium, because it loads the source files instead of a minified build:

$ make serve

will make the distribution examples available at http://localhost:3000/examples

Passing the parameter ?mode=dev to an example will load the debug version of Cesium instead of the minified one. This is helpful when something breaks inside Cesium. In distribution mode, an unminified version of OpenLayers and Ol-Cesium is also loaded.

OpenLayers unmanaged layers are not discoverable and as a consequence not supported. Plain layers should be used instead or the synchronization managed manually. See openlayers#350.

See RELEASE.md.