Add a map to a webpage

Create a map within an HTML element using MapTiler SDK JS. Additionally, it is possible to insert maps into websites with a simple iframe directly from MapTiler Cloud.

This is the most basic demonstration of utilizing the MapTiler SDK JS to effortlessly build a web mapping application. Feel free to explore various map styles, customizations, and functionalities to provide an exceptional mapping experience for your users. Take a look at the other examples available to discover the full potential of the SDK.

Related examples

Learn the basics

Example

This tutorial shows how to create a map and display it on a web page using MapTiler Cloud.

Maps SDK TypeScript

Example

Create a map with the TypeScript-based SDK. Take advantage of code completion, type safety, and backward compatibility.

Display marker

Example

This tutorial shows how to add a default marker to the map.

3D terrain map

Example

This tutorial demonstrates how to create a 3D terrain map and display it on a web page using MapTiler Cloud.