Can you add a static image as the background of a plotly.express.scatter_mapbox?

📊 Plotly Python
1

plotly version: 5.19.0
running on: Mac 13 inch 2019 Ventura 13.6.3 - Intel

As a disclaimer, I’m very new to plotly so I’m sorry if my explanations are confusing.

For a class project, we are making a program that displays a graph of our campus with some points on the map showing food resources. The requirement for our program is that it doesn’t use an internet connection. For that reason, I’ve been using plotly.express.scatter_mapbox like this:

import plotly.express as px

fig = px.scatter_mapbox(us_cities, lat=“lat”, lon=“lon”, height=300, width=400, size=us_cities.sizes)

so that I don’t need to use a token (which needs internet connection). I’ve also been using kaleido to convert the map to an image, which I need to do to place it onto our UI. I needed to change the map background from “open-street-map” to “white-bg”

fig.update_layout(mapbox_style=‘white-bg’)

because of this error:

ValueError: Transform failed with error code 525: Mapbox error.

(when using internet connection, I did not get this error when using “open-street-map”, but once I turned internet connection off “white-bg” was the only mapbox_style that didn’t output this error)

And because of that, I need to add a new background with update_layout. The background is loading onto my map successfully, but it looks like this:

Screenshot 2024-02-20 at 8.10.27 PM
Screenshot 2024-02-20 at 8.10.27 PM788×528 79.6 KB

which is not ideal. I want the background to just be a static image, where it doesn’t repeat the image over and over to fill all of the whitespace in the plot. Is that possible in plotly?

Thank you so much for reading! Any help or commentary would be greatly appreciated.

2

UPDATE: I have decided to just use ‘open-street-map’ and not try to make it into a png with kaleido and have it just pop out on chrome. I still would love to know if there are any ways to make it into a png/pdf offline though.