Add a basemap from MapTiler Cloud to MapTiler Engine

MapTiler Engine has a default set of basemaps you can choose from to modify the look of your map preview. However, you’re not limited to these default basemaps as it is possible to add a custom basemap service. In this article, we’ll show you how to use MapTiler Cloud as a custom basemap service in MapTiler Engine. You can also add a basemap from MapTiler Server, check it out here.

Choosing the map from MapTiler Cloud

In order to add a custom basemap service to MapTiler Engine, you’ll need the URL of the TileJSON of the map you want to use as the basemap. Getting it from MapTiler Cloud is really straightforward. Simply sign in to your MapTiler Cloud account and navigate to the Maps section in the left-hand side menu. Next, choose the map you wish to add to MapTiler Engine. In this example, we’ll use the “Outdoor” map from the set of standard maps available in MapTiler Cloud.

After clicking on the thumbnail of the chosen map, you’ll be taken to the page with its details:

Scroll down to the Raster tiles section and copy the URL of the TileJSON with 512x512 raster tiles:

The only supported format of the tiles served from the custom basemap service is raster images with 512x512px size

Adding the basemap to MapTiler Engine

It’s really easy to add the chosen basemap to MapTiler Engine. Just open any file supported by MapTiler Engine that you’d like to raster and click on the “Change basemap” button located in the lower right-hand corner of the application window:

add_basemap_1.png

You’ll see the dialog window where you can choose one of the currently available basemaps. Now, paste the TileJSON URL you copied from MapTiler Cloud to the text field at the bottom of the window and click the “Add layer” button:

add_basemap_2.png

If you did all the previous steps correctly, you should see the new basemap available in the list:

add_basemap_3.png

Click on the thumbnail to choose the new basemap. The dialog window will close and you’ll see the basemap change:

add_basemap_4.png

And that’s it! Now you can preview your map with a custom basemap of your choice. This setting will persist throughout the application lifetime, so the same basemap will be also visible in the preview screen after you render the map:

add_basemap_5.png

Creating your own map

Of course, you are not limited to choosing from the standard set of maps that we used in this tutorial. MapTiler Cloud offers the Style Editor tool, where you can create your own map style tailored to your specific needs. Follow this tutorial to learn more.

Add a basemap from MapTiler Server to MapTiler Engine
How to create a map with your own style/design in MapTiler Edit Style
Maps, Tiles, Data: What are they and how do they differ?
Set the map in your language
How to build a map that is easy to read for users from a specific country
TileJSON for map tiles

On this page