Plotly mapbox : Get the geometry of current view / zoom level

Dash Python
1

I am rendering a scattermapbox in my Dash Application. I have set a default zoom level and lat,long coords. As the user pans the map via the plotly interface and changes the zoom level, I’d like to update the map with points and data layer.

Here’s some code for reference:

import pandas as pd
import geopandas as gpd

# import mapbox
import requests
import plotly.graph_objects as go

# Update with host url
df_geo = gpd.GeoDataFrame.from_features(
    requests.get(
        "https://eric.clst.org/assets/wiki/uploads/Stuff/gz_2010_us_050_00_20m.json"
    ).json()
)

import plotly.graph_objects as go

fig = go.Figure(
    go.Choroplethmapbox(
        geojson=df_geo.set_index("GEO_ID")["geometry"].__geo_interface__,
        locations=df_geo["GEO_ID"],
        z=df_geo["CENSUSAREA"],
        autocolorscale=False,
        colorscale="Viridis",
        zmin=df_geo["CENSUSAREA"].min(),
        zmax=df_geo["CENSUSAREA"].quantile(0.95),
        marker_line_width=0,
        colorbar={"orientation": "h", "x": 0.5, "yanchor": "middle", "y": 0.1},
    )
)


fig.update_layout(
    mapbox_style="carto-positron",
    # mapbox_accesstoken=token,
    mapbox_zoom=3,
    mapbox_center={"lat": 37.0902, "lon": -95.7129},
    margin={"r": 0, "t": 0, "l": 0, "b": 0},
)

fig.show()

My question is, how do I obtain the geometries / bbox or lat, longs coords of the current map view?

Links to docs for reference:

2

Bumping this, i’m trying to manipulate the zoom level of a chart, I don’t have access to the source but I can implement changes via javascript if I know how. Need to know how to get current zoom (or watch for zoom changes) and set zoom level once a page loads using user clicked javascript.

3

Try: passing mapbox relayoutData as input to an callback: