Draw features on the map

This notebook shows how to draw features on the map using the mapbox-gl-draw plugin.

Uncomment the following line to install leafmap if needed.

In [1]:

# %pip install "leafmap[maplibre]"

# %pip install "leafmap[maplibre]"

In [2]:

import os
import leafmap.maplibregl as leafmap

import os import leafmap.maplibregl as leafmap

Add the default draw control.

In [3]:

m = leafmap.Map(center=[-100, 40], zoom=3, style="positron")
m.add_draw_control(position="top-left")
m

m = leafmap.Map(center=[-100, 40], zoom=3, style="positron") m.add_draw_control(position="top-left") m

Only activate a give set of control.

In [4]:

from maplibre.plugins import MapboxDrawControls, MapboxDrawOptions

from maplibre.plugins import MapboxDrawControls, MapboxDrawOptions

In [5]:

m = leafmap.Map(center=[-100, 40], zoom=3, style="positron")
draw_options = MapboxDrawOptions(
    display_controls_default=False,
    controls=MapboxDrawControls(polygon=True, line_string=True, point=True, trash=True),
)
m.add_draw_control(draw_options)
m

m = leafmap.Map(center=[-100, 40], zoom=3, style="positron") draw_options = MapboxDrawOptions( display_controls_default=False, controls=MapboxDrawControls(polygon=True, line_string=True, point=True, trash=True), ) m.add_draw_control(draw_options) m

Load a GeoJSON FeatureCollection to the draw control.

In [6]:

m = leafmap.Map(center=[-100, 40], zoom=3, style="positron")
geojson = {
    "type": "FeatureCollection",
    "features": [
        {
            "id": "abc",
            "type": "Feature",
            "properties": {},
            "geometry": {
                "coordinates": [
                    [
                        [-119.08, 45.95],
                        [-119.79, 42.08],
                        [-107.28, 41.43],
                        [-108.15, 46.44],
                        [-119.08, 45.95],
                    ]
                ],
                "type": "Polygon",
            },
        },
        {
            "id": "xyz",
            "type": "Feature",
            "properties": {},
            "geometry": {
                "coordinates": [
                    [
                        [-103.87, 38.08],
                        [-108.54, 36.44],
                        [-106.25, 33.00],
                        [-99.91, 31.79],
                        [-96.82, 35.48],
                        [-98.80, 37.77],
                        [-103.87, 38.08],
                    ]
                ],
                "type": "Polygon",
            },
        },
    ],
}
m.add_draw_control(position="top-left", geojson=geojson)
m

m = leafmap.Map(center=[-100, 40], zoom=3, style="positron") geojson = { "type": "FeatureCollection", "features": [ { "id": "abc", "type": "Feature", "properties": {}, "geometry": { "coordinates": [ [ [-119.08, 45.95], [-119.79, 42.08], [-107.28, 41.43], [-108.15, 46.44], [-119.08, 45.95], ] ], "type": "Polygon", }, }, { "id": "xyz", "type": "Feature", "properties": {}, "geometry": { "coordinates": [ [ [-103.87, 38.08], [-108.54, 36.44], [-106.25, 33.00], [-99.91, 31.79], [-96.82, 35.48], [-98.80, 37.77], [-103.87, 38.08], ] ], "type": "Polygon", }, }, ], } m.add_draw_control(position="top-left", geojson=geojson) m

Retrieve the draw features.

In [7]:

m.draw_features_selected

m.draw_features_selected

Out[7]:

[]

In [8]:

m.draw_feature_collection_all

m.draw_feature_collection_all

Out[8]:

{}