Interactive maps with st-folium

Earlier in this chapter, we learned how critical it could be to add bidirectionality to visualizations through streamlit-plotly-events. Drilling down into graphs is an oft requested feature by business users, and maps are no exception to that! st-folim is very similar to streamlit-plotly-events, but for geospatial maps.

This example focuses on the trees dataset that we have used time and time again in this book, so go ahead and create a new file in the pages folder called folium_map.py, and we can get started. The following section of code loads the libraries, adds the data, creates a folium map, and adds that map to our Streamlit app. This is mostly a repeat of our previous graph, which maps the trees in SF but adds the Folium library:

import folium
import pandas as pd
import streamlit as st
from streamlit_folium import st_folium
st.title("SF Trees Map")
trees_df = pd.read_csv("trees.csv")
trees_df = trees_df.dropna(subset...