How to change the size of Graph/Mapbox so it fills out the whole window

Dash Python
1

Hi,

I would like to size the map to the same size of the graph component itself.

PNG
PNG1310×855 237 KB

If you look at the attached picture, I would like the map to have a size so the bar for zooming, etc. is on the same window as the map
As in this example in dash gallery

https://dash-gallery.plotly.host/dash-uber-rides-demo/

Where the map covers the whole window.

2

You can add a margin object to the layout. If you specify 0 for each of the four parameters your map will fill whole component. I use it like this with a little margin left and right:

    fig.update_layout(mapbox_style=base_map,
                      mapbox_zoom=zoom_level,
                      mapbox_center_lat=mid.lat.decimal_degree,
                      template=THEME,
                      margin={"r": 5, "t": 0, "l": 5, "b": 0})