Custom marker

Customize marker icon image

The list of available icons can be found here.

Uncomment the following line to install leafmap if needed.

1

# %pip install "leafmap[maplibre]"

1
2

import requests
import leafmap.maplibregl as leafmap

To run this notebook, you will need an API key from MapTiler. Once you have the API key, you can uncomment the following code block and replace YOUR_API_KEY with your actual API key. Then, run the code block code to set the API key as an environment variable.

1
2

# import os
# os.environ["MAPTILER_KEY"] = "YOUR_API_KEY"

1
2
3
4

url = (
    "https://github.com/opengeos/datasets/releases/download/world/world_cities.geojson"
)
geojson = requests.get(url).json()

The icon name i set to airplane-15 in the code block below. You can change it to any other icon name from the list of available icons. For example, you can use car-15, bus-15, bicycle-15, etc. The icon name should be in the format <icon_name>-<zoom_level>. The zoom level is optional and can be omitted if not needed. For more icons, please refer to https://labs.mapbox.com/maki-icons.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

m = leafmap.Map(style="streets")
source = {"type": "geojson", "data": geojson}

layer = {
    "id": "cities",
    "type": "symbol",
    "source": "point",
    "layout": {
        "icon-image": "marker_15",
        "icon-size": 1,
    },
}
m.add_source("point", source)
m.add_layer(layer)
m.add_popup("cities")
m