Time slider disappears after click +- button to zoom on the map

[chen7572]

Please add a code sample or a nbviewer link, copy-pastable if possible

from folium.plugins import TimeSliderChoropleth

m = folium.Map(location=[40.45, -80], zoom_start=11)

g = TimeSliderChoropleth(
    tracts.to_json(),
    styledict=review_dict,

).add_to(m)

m

Problem description

I was able to use TimeSliderChoropleth plugin to make an interactive map to show changes over time, but as soon as I use the +- sign on the map to zoom in and out on the map, the slider disappears and I cannot get it back! Had similar issue when testing the example case given on Github. Any advice on how to work around this? Thank you very much!

Expected Output

Output of folium.__version__

[Conengmo]

I tried to reproduce your problem using the example case but wasn't able to. Could you share some more details on your setup, are you in a Jupyter Notebook? Which browser?

[chen7572]

Thank you for follow up! I am using Jupyter Notebook on Chrome to make the plot.

[Conengmo]

I tried the example case in a Jupyter Notebook in Firefox (I don't have Chrome) but didn't see the problem. I did notice there is a vertical scrollbar next to the map, but that scrollbar scrolling down is not your problem is it?

Maybe you can use the developer tools to investigate where the slider has gone? Right click the slider and select 'inspect element'.

[TatianaSnauwaert]

Hi!
I have the same issue (timeslider disappears when I zoom).
I am working in Chrome on Kaggle. I tested it in Firefox, works fine, so probably the issue is the browser.
Here is my notebook if needed:
https://www.kaggle.com/tatianasnwrt/visualizing-air-quality-in-budapest-folium?scriptVersionId=35041811

[Conengmo]

I went to that url in Chrome but didn't encounter the same issue.

Maybe this is related to #1301

[markhudson42]

Hello,

Because I was looking at the other TimeSliderChoropleth issue (#1379) I thought I would look at this one, too. I am using the master branch folium code and I am able to zoom in and out without the time slider control disappearing.

For example, using the TimeSliderChoropleth example notebook:

There is a scrollbar to the right of the map, and in the notebook the map+slider is taller than the space allocated to them so if you scroll down to the bottom of the map, the slide vanishes off the top:

Is that the problem?

Mark.

[Conengmo]

Yes I believe these are the same problems. The map fills 100 % of its container, and then we add the slider on top, expanding beyond the size of the container. Something like that.

[Conengmo]

Let's close this one in favor of #1301