Cesium JS with MapTiler maps

Cesium JS is an open-source JavaScript library for creating high-quality 3D globes and maps with the best possible performance, precision, visual quality, user-friendly interface, and ease of use.

You can use your MapTiler maps in Cesium as a Terrain 3D quantized mesh format.

Get started

This is the easiest and fastest way to use your MapTiler maps in Cesium JS. By using the code provided below the map, you can effortlessly generate a 3D map.

1. Copy the following code, paste it into your favorite text editor, and save it as a .html file.

2. Replace YOUR_MAPTILER_API_KEY_HERE with your actual MapTiler API key.

3. The next is up to you. You can center your map wherever you desire (modifying the starting position) and set an appropriate zoom level (modifying the starting zoom) to match your users’ needs. Additionally, you can change the map’s look (by updating the source URL); choose from a range of visually appealing map styles from our extensive MapTiler standard maps, or create your own to truly differentiate your application.

Learn more

To learn more about 3D terrain data modeling, read the 3D vector tiles with Cesium article.

Check out the Photorealistic 3D terrain with aerial imagery using Cesium JS to know how to see an example of an outdoor map or how to display 3D terrain with aerial imagery from your server.

Related examples

Learn the basics

Example

How to use Cesium JS: This step-by-step tutorial shows how to create a 3D map and display it on a web page.