Add interaction to landmarks

In this tutorial, you’ll learn how to create a map with custom landmarks and add interactions to it.

^{Click on a landmark to open a popup with the landmark information}

1. Check out the step-by-step guide on Creating a Custom Dataset (GeoJSON) to create your desired landmarks.
2. Follow the tutorial How to Add Custom Landmarks to Your Map, to create a map with the desired landmarks.
3. We already have our map designed, now we are going to use it to create an interactive web map with our landmarks and get their information when you click on them. Just copy the below code:

Learn more

Creating a custom vector dataset (GeoJSON)

How to Add Custom Landmarks to Your Map

Related examples

Attach a popup to a marker instance

Example

Attach a popup to a marker and display it on click.

Display a popup

Example

Add a popup to the map.

Display a popup on hover

Example

When a user hovers over a custom marker, show a popup containing more information.

Show polygon information on click

Example

When a user clicks a polygon, display a popup containing more information.