Issues about points shown on maps via plotly after deploying

☁️ Community Cloud
,
1

Hi, I hope this message finds you well!
Currently, I’m trying to develop an app based on plotly and streamlit, to draw location points on map, and check whether they are changing through a time scale.

The app is : https://cs0000-test-streamlit-scriptsst-vis-khzt85.streamlit.app/
source code: test_streamlit/st_vis.py at master · CS0000/test_streamlit · GitHub

The points shown on the graph were supposed to be selected based on the date range in the slider, but only the points when it first renders were shown. One more weird thing is it seems that only the points are not visible on the graph, the hover info can show itself when I move the mouse pointer on them. Before deploying on the cloud, it worked perfectly fine on my local machine.

for example, when I put the mouse pointer in the position of the red arrow below:

Screenshot 2022-12-08 at 01.24.10
Screenshot 2022-12-08 at 01.24.101780×1224 150 KB

Any help or suggestion is appreciated. Thank you!

2 Likes
2

Hi, did you ever solve this issue?

I’m experiencing the same problem. Here is my code:

import pandas as pd
import streamlit as st
import plotly.express as px

df_locations = pd.DataFrame(...)

px.set_mapbox_access_token(open(".mapbox_token").read())
fig = px.scatter_mapbox(df_locations, lat='latitude', lon='longitude')
st.plotly_chart(fig)
3

Hi, sorry for the late reply! I fixed this issue by setting a st.empty():

plot_spot = st.empty()
with plot_spot:
    st.plotly_chart(Figs, use_container_width=True, height=800,
                    )