I am trying to add some Google Earth Engine layers (XYZ tile layers) to the map. You can see that the layers have been added successfully, but the map keeps refreshing. Any advice?

import ee
import geemap.foliumap as geemap
import streamlit as st
from streamlit_folium import st_folium

m = geemap.Map()
dem = ee.Image("USGS/SRTMGL1_003")
m.addLayer(dem, {}, "DEM")
st_data = st_folium(m, width=1000)

To test it in a notebook:

import ee
import geemap.foliumap as geemap

m = geemap.Map()
dem = ee.Image("USGS/SRTMGL1_003")
m.addLayer(dem, {}, "DEM")
m

I am writing a webapp where the user will click on the map and the latitude, longitude will be returned to the python script. the webapp is written on streamlit and for the map I am using folium. Currently, I used folium.LatLngPopup() to get the on click lat long of the clicked location, but I am very confused how to retrieve the values in my python script for further processing.

This is how it looks currently:

[]1

#code snippet

import streamlit as st
from streamlit_folium import folium_static
import folium
m = folium.Map()
m.add_child(folium.LatLngPopup())
folium_static(m)

There might not be a native solution to it but any workaround will be appreciated!

I recently switched from using folium_static() to st_folium() but I have an issue with its autorefresh. Whenever the folium map is interacted with, the website refreshes from the very top of the page. My project involves scraping data from a website, so anytime the page refreshes, all the code runs again. This makes it virtually impossible to interact with the map. Below is the streamlit app and code

Code (code for map beings on line 248): https://github.com/daniyal-d/COVID-19-Tracker-Web-App/blob/main/coronavirus_web_app.py Streamlit app (using st_folium): https://daniyal-d-covid-19-tracker-web-app-coronavirus-web-app-fah46j.streamlitapp.com/

I am unsure if this is an issue with my code or the function. Either way, using folium_static() doesn't lead to any issues. If this problem can't be solved, would you be able to not depreciate 'folium_static()` as the app uses it?

Thank you

Hi Randy. I have created a user story for a use case I have which is to use information from selected features in a specific map layer to populate ST controls. An example : populating an image list in a ST dropdown with the currently visible (or selected) features on a given layer in the map.

I'd like to work on a PR for that and wondered if you had thoughts or plans along those lines. Here is the (short) document : https://github.com/ymoisan/streamlit-folium/blob/master/user-stories.md. Comments welcome. Thanx for the component !

Hello everyone!

In the meanwhile, that we start making a bidirectional component with javascript, I was wondering how caching Folium Maps.

I have created this example for the purpose of it:

import streamlit as st
import folium
import pandas as pd
import streamlit.components.v1 as components
import numpy as np

def create_test_df():
    data = {"id": range(10000),
            "year": np.random.choice(range(2018, 2021), 10000),
            "type": np.random.choice(["type_a", "type_b", "type_c"], 10000),
            "latitude": np.random.uniform(low=10, high=20, size=10000),
            "longitude": np.random.uniform(low=10, high=20, size=10000)}

    # Respects order
    return pd.DataFrame(data, columns=["id", "year", "type", "latitude", "longitude"])


def _plot_dot(point, map_element, color_col, radius=4, weight=1, color='black'):
    color_dict = {2018: "blue", 2019: "orange", 2020: "red"}

    folium.CircleMarker(location=[point["latitude"], point["longitude"]], radius=radius, weight=weight,
                        color=color, fill=True,
                        fill_color=color_dict[point[color_col]],
                        fill_opacity=0.9,
                        tooltip=f'<b>id: </b>{str(point["id"])}'
                                f'<br></br>'f'<b>year: </b>{str(point["year"])}'
                                f'<br></br>'f'<b>type: </b>{str(point["type"])}',
                        popup=f'<b>id: </b>{str(point["id"])}'
                              f'<br></br>'f'<b>year: </b>{str(point["year"])}'
                              f'<br></br>'f'<b>type: </b>{str(point["type"])}'
                        ).add_to(map_element)


def generate_map(df):
    map_element = folium.Map(location=[15, 15], zoom_start=6, tiles='cartodbpositron')

    df.apply(_plot_dot, axis=1, args=[map_element, "year"])

    return map_element


def folium_static(fig, width=700, height=500):
    if isinstance(fig, folium.Map):
        fig = folium.Figure().add_child(fig)

    return components.html(fig.render(), height=(fig.height or height) + 10, width=width)


if __name__ == "__main__":
    st.title("Caching Folium Maps")

    df = create_test_df()

    option = st.selectbox('Select year?', df['year'].unique())
    st.write('You selected: ', option)

    dict_years = {}
    for year in df['year'].unique():
        dict_years[year] = generate_map(df[df["year"] == year])

    folium_static(dict_years[option])

This code runs correctly:

I had tried to @st.cache functions with no positive results:

I understand that I must get deeper into advanced caching (https://docs.streamlit.io/en/stable/advanced_caching.html). Any guidelines about this are welcome.

Thanks a lot for this great library!

I'm using streamlit-folium in mapa-streamlit and I believe we have found a bug.

Observed Behavior

When drawing a rectangle on the folium map, the streamlit app "Running" mode seems to get triggered whenever the rectangle was finished drawing. I can then access the resulting geojson geometry of the rectangle. That is expected and in line with the desired behavior. However, if I now were to edit the drawn rectangle using the "Edit layers" button (see below picture), the streamlit "running" mode does not get triggered when I click on "Save". At the same time, if I inspect the given geojson geometry, it is still the same and did not get updated to the modified geometry.

Desired Behavior

Updating a drawn layer (e.g. a rectangle) using the edit button updates the output of st_folium.

Picture for reference:

Hey @randyzwitch , thank you for providing this component, it's been very useful.

The only issue so far is that reducing folium width/height produces white space on the borders:

import folium
m = folium.Map(width='70%', height='50%')
m

The solution is to use branca.element.Figure class:

from branca.element import Figure
fig = Figure(width='70%', height='50%')
m = folium.Map()
fig.add_child(m)

However, your component currently is not able to render it. Could you please enable that or suggest a workaround?

Streamlit-folium component now supports also DualMap from Folium plugins.

• Add switch in streamlit-folium __init__.py to properly handle DualMap rendering

• Update app example adding DualMap

I have a pandas dataframe that contains the lat/lon location of a bunch of markers (plus other data) and am displaying that when a pin is clicked on via a popup, with the map generated by:

import folium
from folium import IFrame
import pandas as pd

df = pd.read_csv("my.csv")

location = df['latitude'].mean(), df['longitude'].mean()
m = folium.Map(location=location, zoom_start=15)

width = 900
height = 600 
fat_wh = 1 # border around image

for i in range(0, len(df)):
    html = pd.DataFrame(df[["latitude", "longitude", "time"]].iloc[i]).to_html()
    iframe = IFrame(html, width=width*fat_wh, height=height*fat_wh)
    popup  = folium.Popup(iframe, parse_html = True, max_width=2000)
    folium.Marker([df['latitude'].iloc[i], df['longitude'].iloc[i]], popup=popup).add_to(m)

folium_static(m)

Now this dataframe may in future get VERY large as it potentially covers the whole world, so I only want to return the markers that are in the current map view, and do some clever aggregation when the map is zoomed out. For this I need to get the extent of the map view coordinates, and use these to filter the dataframe (I probably also want to do some caching somewhere). Can you advise if this is possible/requires a new feature? Many thanks

Adds an argument for specifying what data gets returned from the bidrectional st_folium via an argument returned_objects. Anything that is not returned does not cause an app return. If you pass an empty list, it returns an empty dictionary. This leads to a simple rewrite of folium_static to simply call st_folium with an empty list of data items to return.

Also refactored the example app into a MPA and added a page showing the new limited-return functionality.

e.g. st_folium(m, returned_objects=["last_clicked"]) -- app would only return the last value clicked, and any other map interactions would not change the value returned, or trigger an app rerun.

Resolves: #85 Resolves: #77

Is it possible to get the zoom level of a map object? I saw a similar question at https://github.com/python-visualization/folium/issues/1352, but there is no solution.

Hello,

Thank you very much for this library. I am wondering if we can get more information from "last_object_clicked" than 'lat', 'lng'? For example, I set a marker with "popup" and "location". When I click on it and generate an output "last_object_clicked", it generates only 'lat' and 'lng'. I would like to also be able to return 'text from popup'. Is that possible? Or maybe some other attributes related to the marker, so that eventually I can identify which marker was clicked.

Thanks!

The legend of my map is not displayed using the st_folium when colorbar= false. The code:

import pandas as pd
import folium
import geopandas as gpd
import numpy as np
import mapclassify
import streamlit as st
from streamlit_folium import st_folium

url = ("https://raw.githubusercontent.com/python-visualization/folium/master/examples/data")
state_geo = f"{url}/us-states.json"
state_unemployment = f"{url}/US_Unemployment_Oct2012.csv"

state_unemployment = pd.read_csv(state_unemployment)
geoJSON_df = gpd.read_file(state_geo)

geoJSON_df.rename(columns={'id': 'State'}, inplace=True)

gdf = state_unemployment.merge(geoJSON_df, on='State', how='left')
gdf = gpd.GeoDataFrame(gdf)

bins = mapclassify.Quantiles(gdf['Unemployment'], k=5).bins
choropleth = gdf.explore(
    column='Unemployment',
    scheme='UserDefined',
    classification_kwds=dict(bins=bins),
    legend=True,
    legend_kwds=dict(colorbar=False),
)

st_folium(choropleth, width=700,height=500)

Displayed:

Expected:

Hi :wave:

... and thanks for providing this great addition to streamlit.

I was wondering: are folium.plugins generally supported? I wanted to add a FloatImage to the canvas (using st_folium) but I get an error:

.../lib/python3.11/site-packages/streamlit_folium/__init__.py", line 242, in generate_leaflet_string
    leaflet = m._template.module.script(m)
              ^^^^^^^^^^^^^^^^^^^^^^^^^
AttributeError: 'TemplateModule' object has no attribute 'script'

I see there's some special magic for the DualMap plugins - so maybe the FloatImage requires some special treatment, too?

I'm using python 3.11 and streamlit-folium 0.7

Cheers, C

Hi, thanks for this great library. Really helpful!

btw I am a beginner in the web developing and github as well, I am so sorry if there are some stupidities on my questions.

I would like to ask, is it possible to return every value of click event?

At the moment, I am trying to present folium map on Streamlit. I used the st_folium with Draw plugin and then utilized some of its return values. However I would like to go further.

For instance, I want user to be able comment on a certain feature or a drawn polygon. For that I created a Popup page that contains a html from. I succeeded to attach the form into the GeojsonPopup however I have struggled to find a way to return the comment and not found it yet. Do you have any idea how to solve it?

Another example regarding clicking event, I would like to get clicking event when a features e.g., a polygon has finished to be created/edited. Is it possible to return a value on that event?

Thank you for you time.

Best wishes, Leclab Research Assistance,

Hi great job on this library it has been invaluable for my project.

Lately I have been getting this issue Your app is having trouble loading the streamlit_folium.st_folium component. both on the locally hosted and on streamlit share version. I have been doing lots of updates so not sure which change actually kicked this off. I have seem other people have this error with other components so not sure the cause (https://github.com/PablocFonseca/streamlit-aggrid/issues/7).

If you leave it a minute or so the map will eventually load (and this issue only occurs sometimes). Does anyone have any thoughts?