Add custom zoom control

The custom zoom control in this example shows the exact current zoom level on a map. It helps set up zoom-based style rules or understand data resolution.

Adding custom controls can make your application stand out. Before you start making your controls, check out the premade MapTiler SDK controls (Geolocate, Scale, terrain, …).

Related examples

Geocoding control

Tutorials

Search for places using the map geocoding control component.

Minimap control

Tutorials

Display an overview minimap control to aid map navigation.

Custom control programmatically

Examples

Programmatically add custom controls for dynamic map logic integration.

Scale control

Tutorials

Learn to add and display map scale control.