Create a non-interactive map

The MapTiler SDK JS is a mapping library designed for creating interactive maps, but you can also disable the interactivity and simulate a static map.

To get a simple non-interactive map, it’s typically much easier and more lightweight to generate a static map image via our Static maps API. However, you may prefer to use the SDK JS in these cases:

• You already have a complex interactive map implemented and just want a simple way to switch it to non-interactive.
• You need to add special features and custom data to your map, so the markers and lines that a static map allows aren’t sufficient.

To make your map non-interactive with MapTiler SDK JS, build your map as usual and then add the parameter interactive: false. See the result and code below.

Related examples

Disable map rotation

Example

Prevent users from rotating a map.

Fly to a location

Example

Use flyTo to smoothly interpolate between locations.

Hide map navigation controls

Example

This tutorial shows how to hide the navigation control (zoom and rotation controls to the map).

Disable scroll zoom

Example

Prevent scroll from zooming a map.