### Setup Development Environment with npm

Source: https://github.com/openlayers/ol-cesium/blob/master/CONTRIBUTING.md

Install dependencies and start the development server. Browse examples at the specified URL.

```bash
npm i
npm start
browse http://localhost:5173/examples
```

--------------------------------

### Test Examples in Development Mode

Source: https://github.com/openlayers/ol-cesium/blob/master/RELEASE.md

Start the development server with 'npm run start' and navigate to http://localhost:5173/examples to test all examples. This ensures the examples function correctly in a live development environment.

```bash
npm run start; open http://localhost:5173/examples
```

--------------------------------

### Test Examples in Built Mode

Source: https://github.com/openlayers/ol-cesium/blob/master/RELEASE.md

Build the examples using 'npm run build-examples', serve them with 'npx serve dist', and open http://localhost:3000/examples to test. This verifies the examples after the build process.

```bash
npm run build-examples; npx serve dist; open http://localhost:3000/examples
```

--------------------------------

### Run Code Quality Checks

Source: https://github.com/openlayers/ol-cesium/blob/master/CONTRIBUTING.md

Execute the 'check' script before committing to catch potential issues. This is a mandatory step for all contributions.

```bash
npm run check
```

--------------------------------

### Publish ol-cesium Website and Artifacts

Source: https://github.com/openlayers/ol-cesium/blob/master/buildtools/README.md

Invoke this script from the repository root to build distribution artifacts and publish them to the website. Ensure you have followed instructions for updating content editor.

```bash
$ build/publish-website.sh
```

--------------------------------

### Publish Package and Tags

Source: https://github.com/openlayers/ol-cesium/blob/master/RELEASE.md

Use 'npm version minor' (or 'patch') to update the version, 'npm pack' to create a tarball, and 'npm publish' to release the olcs package. Finally, push tags with 'git push --tags' to trigger deployment workflows.

```bash
npm version minor # or patch
```

```bash
npm pack
```

```bash
npm publish # this will publish package olcs (ol-cesium package is obsolete and not updated anymore)
```

```bash
git push --tags # this will trigger the deploy workflow to publish the website and create a draft GitHub release
```

--------------------------------

### Initialize OpenLayers Map

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Create a new OpenLayers map instance. This is the base map that will be synchronized with CesiumJS.

```javascript
import Map from 'ol/Map.js';
const ol2dMap = new Map({
    ...
});
ol2dMap.addLayer(....)
```

--------------------------------

### Run Linting and Type Checking

Source: https://github.com/openlayers/ol-cesium/blob/master/RELEASE.md

Execute npm run lint to check for code style issues and npm run typecheck to verify TypeScript types. These commands ensure code quality before proceeding with the release.

```bash
npm run lint
```

```bash
npm run typecheck
```

--------------------------------

### Initialize OLCesium with OpenLayers Map

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Instantiate OLCesium, passing the OpenLayers map object. OLCesium will then create and manage a synchronized CesiumJS globe.

```javascript
import OLCesium from 'olcs';
const ol3d = new OLCesium({map: ol2dMap});
```

--------------------------------

### Include CesiumJS via Script Tag

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Load CesiumJS from a CDN by including a script tag in your HTML. This makes the CesiumJS object globally available as `window.Cesium`.

```html
<script src="https://cesium.com/downloads/cesiumjs/releases/1.113/Build/Cesium/Cesium.js"></script>
```

--------------------------------

### Add Mapbox MVT Imagery to CesiumJS

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Incorporate Mapbox Vector Tiles (MVT) as an imagery layer in CesiumJS using the `MVTImageryProvider`. This enables client-side rendering of MVT data within the 3D scene.

```javascript
// Add Mapbox MVT imagery provider (client side rendering)
import {MVTImageryProvider} from 'olcs';
viewer.scene.imageryLayers.addImageryProvider(new MVTImageryProvider(...));
```

--------------------------------

### Toggle 3D/2D View

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Control the visibility of the CesiumJS globe or the OpenLayers map. Call `setEnabled(true)` to switch to 3D and `setEnabled(false)` to switch back to 2D.

```javascript
ol3d.setEnabled(true); // switch to 3D - show the globe
ol3d.setEnabled(false); // switch to 2D - show the map
```

--------------------------------

### Apply GoogleMap Rotating Effect in CesiumJS

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Utilize the `rotateAroundBottomCenter` utility function from ol-cesium to apply a rotating effect to the CesiumJS scene, similar to Google Maps.

```javascript
// GoogleMap rotating effect
import {rotateAroundBottomCenter} from 'olcs';
rotateAroundBottomCenter(viewer.scene, someAngle);
```

--------------------------------

### Add OpenLayers Imagery to CesiumJS

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Integrate OpenLayers raster data sources into a CesiumJS viewer by using the `OLImageryProvider`. This allows displaying OpenLayers layers within the 3D globe.

```javascript
// Start from a CesiumJS globe
const viewer = getYourCesiumJSViewer();

// Add OpenLayers imagery provider
import {OLImageryProvider} from 'olcs';
viewer.scene.imageryLayers.addImageryProvider(new OLImageryProvider(...));
```

--------------------------------

### Synchronize OpenLayers Vector Layers with CesiumJS

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Employ the `VectorSynchronizer` to maintain synchronization between OpenLayers `VectorLayer` objects and CesiumJS primitives. This ensures that vector data is consistently represented in both 2D and 3D views.

```javascript
// Even more powerful, use a synchronizer
import {VectorSynchronizer} from 'olcs';
const synchronizer = new VectorSynchronizer(ol2dMtheap, viewer.scene);
```

--------------------------------

### Convert OpenLayers Vector Layer to CesiumJS Primitives

Source: https://github.com/openlayers/ol-cesium/blob/master/README.md

Use the `FeatureConverter` to transform OpenLayers `VectorLayer` data into CesiumJS `PrimitiveCollection`. This allows rendering vector data from OpenLayers in the 3D CesiumJS environment.

```typescript
// convert OpenLayers Vector Layer to CesiumJS primitives
import {FeatureConverter} from 'olcs';
const converter = new FeatureConverter(viewer.scene);
const featurePrimitiveMap: Record<number, PrimitiveCollection> = {};
const counterpart: VectorLayerCounterpart = this.converter.olVectorLayerToCesium(olLayer, view, featurePrimitiveMap);
const csPrimitives = counterpart.getRootPrimitive();
viewer.scene.primitives.add(csPrimitives);
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.