On this page

    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

    An extension of MapLibre GL JS

    Was this helpful?

    SDK JS
    Examples
    Add interaction to landmarks
    Add interaction to landmarks