Mapbox - Markers¶

Single and multiple markers with popups and tooltips.

In [ ]:

# %pip install anymap-ts

# %pip install anymap-ts

Add Single Marker with Popup and Tooltip¶

In [ ]:

from anymap_ts import MapboxMap

m = MapboxMap(center=[-122.4194, 37.7749], zoom=12)
m.add_marker(
    -122.4194,
    37.7749,
    popup="<b>San Francisco</b><br>Golden Gate Bridge nearby",
    tooltip="Hover: San Francisco",
    color="#3388ff",
    name="sf-marker",
)
m

from anymap_ts import MapboxMap m = MapboxMap(center=[-122.4194, 37.7749], zoom=12) m.add_marker( -122.4194, 37.7749, popup="San Francisco
Golden Gate Bridge nearby", tooltip="Hover: San Francisco", color="#3388ff", name="sf-marker", ) m

Add Multiple Markers from Data¶

In [ ]:

cities = [
    {"lng": -122.4194, "lat": 37.7749, "name": "San Francisco", "pop": "884k"},
    {"lng": -122.2712, "lat": 37.8044, "name": "Oakland", "pop": "433k"},
    {"lng": -121.8863, "lat": 37.3382, "name": "San Jose", "pop": "1M"},
]
m.add_markers(
    cities,
    lng_column="lng",
    lat_column="lat",
    popup_column="name",
    tooltip_column="pop",
    name="cities",
)
m.fit_bounds([-122.5, 37.2, -121.8, 37.9])
m

cities = [ {"lng": -122.4194, "lat": 37.7749, "name": "San Francisco", "pop": "884k"}, {"lng": -122.2712, "lat": 37.8044, "name": "Oakland", "pop": "433k"}, {"lng": -121.8863, "lat": 37.3382, "name": "San Jose", "pop": "1M"}, ] m.add_markers( cities, lng_column="lng", lat_column="lat", popup_column="name", tooltip_column="pop", name="cities", ) m.fit_bounds([-122.5, 37.2, -121.8, 37.9]) m

Remove Markers¶

In [ ]:

m.remove_marker("sf-marker")
m.remove_marker("cities")

m.remove_marker("sf-marker") m.remove_marker("cities")