MapTiler maps in Cesium JS

This is the easiest and fastest way to use your MapTiler maps in Cesium JS. To create a 3D map simply use the code below the 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 it’s up to you. You can start the map in a different place by modifying the starting position, and you can change the look of the map to any of our styles, or yours, by updating the style URL. See what’s available here.

Cesium JS

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

Learn more

If you want to learn how to initialize a map and load the style see the Learn the basics - How to use Cesium JS tutorial.