indigowizard / wildfire-burn-severity Goto Github PK

Main issue gist

please make a PR to the dev branch where it would be merged if approved.

Implementing a collapsible map legend.
The current branca element based legend is just draggable but not collapsible, it would be great to implement such a feature to minimize the space it takes up on while navigating the map.

Make sure the legend stays draggable when implementing the collapse feature.

map-legend.mp4

Info

The project is using Folium and earthengine-api to generate the map and the raster/vector layers. By default, Folium creates a map in a separate HTML file wildfire-burn-severity/webmap.html from the main python app wildfire-burn-severity/webmap.py .

Even though the project is python based, it generates Leaflet.js based maps through the output html file, the legend is pure HTML/CSS/JS that can be injected in the main python source using Branca library.

I put the branca element based legend in a separate python file wildfire-burn-severity/uilegend.py. You can extract it and treat as just HTML so you get an easier time coding and seeing the results locally as in opposite to running the python app which requires a validated Google Earth Engine account (it takes long time to be accepted and validated).

The css is of course in the src/css

NOTE:

Make sure you put a preview (gif/mp4) of your result in the Pull Request so I can check what it looks like and how it behaves.