Mapbox - Layer Management¶

Add layers, set visibility, opacity, move, paint properties, remove, and filter.

In [ ]:

# %pip install anymap-ts

# %pip install anymap-ts

Add Multiple Layers¶

In [ ]:

from anymap_ts import MapboxMap

m = MapboxMap(center=[-122.4, 37.8], zoom=10)

m.add_geojson(
    {
        "type": "FeatureCollection",
        "features": [
            {
                "type": "Feature",
                "geometry": {"type": "Point", "coordinates": [-122.4194, 37.7749]},
                "properties": {},
            }
        ],
    },
    name="points-layer",
)
m.add_geojson(
    {
        "type": "FeatureCollection",
        "features": [
            {
                "type": "Feature",
                "geometry": {
                    "type": "LineString",
                    "coordinates": [[-122.4, 37.8], [-122.3, 37.85]],
                },
                "properties": {},
            }
        ],
    },
    name="lines-layer",
    layer_type="line",
)
m.add_geojson(
    {
        "type": "FeatureCollection",
        "features": [
            {
                "type": "Feature",
                "geometry": {
                    "type": "Polygon",
                    "coordinates": [
                        [
                            [-122.45, 37.75],
                            [-122.35, 37.75],
                            [-122.35, 37.85],
                            [-122.45, 37.85],
                            [-122.45, 37.75],
                        ]
                    ],
                },
                "properties": {"density": 50},
            }
        ],
    },
    name="polygons-layer",
    layer_type="fill",
)
m

from anymap_ts import MapboxMap m = MapboxMap(center=[-122.4, 37.8], zoom=10) m.add_geojson( { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": {"type": "Point", "coordinates": [-122.4194, 37.7749]}, "properties": {}, } ], }, name="points-layer", ) m.add_geojson( { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "LineString", "coordinates": [[-122.4, 37.8], [-122.3, 37.85]], }, "properties": {}, } ], }, name="lines-layer", layer_type="line", ) m.add_geojson( { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [ [ [-122.45, 37.75], [-122.35, 37.75], [-122.35, 37.85], [-122.45, 37.85], [-122.45, 37.75], ] ], }, "properties": {"density": 50}, } ], }, name="polygons-layer", layer_type="fill", ) m

Set Visibility¶

In [ ]:

m.set_visibility("lines-layer", False)

m.set_visibility("lines-layer", False)

Set Opacity¶

In [ ]:

m.set_opacity("polygons-layer", 0.5)

m.set_opacity("polygons-layer", 0.5)

Move Layers¶

In [ ]:

m.move_layer("points-layer", before_id="lines-layer")

m.move_layer("points-layer", before_id="lines-layer")

Set Paint Property¶

In [ ]:

m.set_paint_property("points-layer", "circle-color", "#ff0000")
m.set_paint_property("points-layer", "circle-radius", 8)

m.set_paint_property("points-layer", "circle-color", "#ff0000") m.set_paint_property("points-layer", "circle-radius", 8)

Set Filter¶

In [ ]:

# Filter polygons where density >= 40 (Mapbox expression)
m.set_filter("polygons-layer", [">=", ["get", "density"], 40])

# Filter polygons where density >= 40 (Mapbox expression) m.set_filter("polygons-layer", [">=", ["get", "density"], 40])

Remove Layers¶

In [ ]:

m.remove_layer("lines-layer")

m.remove_layer("lines-layer")