Vexcel Map API Cesium

This tutorial demonstrates how to integrate and synchronize Cesium 3D globe with the Vexcel Map API. This integration allows you to leverage both mapping platforms simultaneously, providing advanced 3D visualization capabilities alongside Vexcel's high-resolution imagery.

You'll learn how to:

Initialize both Vexcel Map and Cesium 3D globe in the same application
Load 3D tileset data from Vexcel's API into Cesium
Synchronize map views between the two platforms
Implement smooth transitions between 2D and 3D viewing modes
Toggle visibility between different map providers
Convert between different coordinate systems

Cesium 3D globe integration is valuable for applications that require advanced terrain visualization and 3D modeling capabilities. This capability allows you to combine Vexcel's high-quality imagery with Cesium's powerful 3D rendering engine, creating immersive geospatial experiences that seamlessly transition between 2D and 3D views.

Choose Viewing Style

⚠️ How to run locally without errors

To ensure CesiumJS and Vexcel maps work correctly, you must serve the project through a local web server. If you open index.html directly in the browser (using file://), you’ll encounter errors such as blob:null or importScripts failed.

Follow these steps:

Install Node.js if you haven’t already.
Open a terminal in the folder where your index.html is located.
Run the following command:
```
npx http-server
```
Open your browser at http://localhost:8080

You can also use the Live Server extension in Visual Studio Code as an alternative.

Cesium

Choose Viewing Style

⚠️ How to run locally without errors

Classes:

index.html

main.js