Select and use a ready-made map

The fastest way to show a map on your website is to select one of our maps and add it in one of the ways described below.

You can also explore prepared ready-to-use code examples that are available in your MapTiler account and customized for each map.

Link to map

A simple link to your map like this allows you to specify the initial map location and zoom, bearing (map orientation), and pitch (visual tilt). 👉 How to configure a link to map

Embed map as iFrame

For the easiest way to embed a map on your website, you need to wrap the link to your map in an iFrame. The possibilities are the same as for a link (described above). 👉 How to embed map with iFrame code

Use a static map image

A static map loads the map as a simple cut-out image, so it’s not interactive or zoomable. However, it uses the latest map data whenever it loads, so it doesn’t get outdated like a screenshot would. In addition to custom initial position and view, a static map allows you to add one or more colored markers, lines (paths), or polygons (areas). 👉 How to use a static map image

Add map with our SDK

Implementing a map using MapTiler SDK JS gives you many more options. You can add markers or trails to the map, highlight certain areas, add controls for users to adjust the map view to their needs, add 3D effects, animation, and much more. 👉 See MapTiler SDK JS examples and tutorials

Other options

Of course, you can use our maps in more ways than just showing them on a website. For example:

• You can use your map with a desktop GIS application.
• You can use your map with Tableau.
• You can print your map.

What’s next?

With a basemap selected and working, you’ll probably want to add some custom data to it so that it shows whatever you want to share with the world.

Optionally, you can also adjust the map design to use your brand colors, custom icons, fonts and so on—all our maps are fully customizable.