Map and Gesture Detector pass parameter to event function

[valentinedwv]

Question

I would like to display some content when a map.Marker is hovered over.
Is there a way to pass parameters to the on_enter event from a GestureDetector?

or some way to add a reference id to a control so I can get that information from a dataframe? I would like to pass name to the dialog?

this always returns the name of the last value passed as a marker.
I would like to be able to display some data about each location

Code sample

import random
from datetime import date

import flet as ft
import flet.map as map

import geopandas as gpd
import pandas as pd
from datetime import timedelta, datetime
#from simpledt import DataFrame

def main(page: ft.Page):
    page.add(ft.SafeArea(ft.Text("Hello, Cleavland!")))
    page.vertical_alignment = ft.MainAxisAlignment.CENTER
    spills_df = pd.read_csv("https://oss.resilientservice.mooo.com/resilentpublic/tijuana/sewage_2024.csv")

    spills_layer_ref = ft.Ref[map.MarkerLayer]()

    dlg = ft.Ref[ft.AlertDialog]()


    def open_dlg(e, text):
        print(e.control.page)
        lambda e: print("Dialog dismissed!")
        dlg=ft.AlertDialog(title =text , on_dismiss = lambda e: print("Dialog dismissed!"))

       # title = ft.Text("Hello, you!"), on_dismiss = lambda e: print("Dialog dismissed!")


        e.control.page.overlay.append(dlg)
        dlg.open = True
        e.control.page.update()

    def spills_markers(marker_df):
        markers= []
        for index, row in marker_df.iterrows():
            lat = row['Lat']
            lon = row['lon']
            name = row['Discharge Location']
            print(lat, lon, name)
            markers.append(map.Marker(
                    #content=ft.Icon(ft.Icons.FLOOD),
                    coordinates=map.MapLatitudeLongitude(lat,lon),
                    content=ft.GestureDetector(
                        content=ft.Icon(ft.Icons.FLOOD),
                        on_enter=lambda i:[open_dlg(i, ft.Text(name))]
                    )
                )
            )
        return markers



# map


    def handle_event(e: map.MapEvent):
        print(
            f"{e.name} - Source: {e.source} - Center: {e.center} - Zoom: {e.zoom} - Rotation: {e.rotation}"
        )

    page.add(


            map.Map(
                expand=True,
                configuration=map.MapConfiguration(
                    initial_center=map.MapLatitudeLongitude(32.55, -117.071),
                    initial_zoom=12,
                    interaction_configuration=map.MapInteractionConfiguration(
                        flags=map.MapInteractiveFlag.ALL
                    ),
                ),
                on_event=handle_event,
                on_init=lambda e: print(f"Initialized Map"),
                layers=[
                    map.TileLayer(
                        url_template="https://tile.openstreetmap.org/{z}/{x}/{y}.png",
                        on_image_error=lambda e: print("TileLayer Error"),
                    ),
                    map.RichAttribution(
                        attributions=[
                            map.TextSourceAttribution(
                                text="OpenStreetMap Contributors",
                                on_click=lambda e: e.page.launch_url(
                                    "https://openstreetmap.org/copyright"
                                ),
                            ),
                            map.TextSourceAttribution(
                                text="Flet",
                                on_click=lambda e: e.page.launch_url("https://flet.dev"),
                            ),
                        ]
                    ),
                    map.SimpleAttribution(
                        text="Flet",
                        alignment=ft.alignment.top_right,
                        on_click=lambda e: print("Clicked SimpleAttribution"),
                    ),

                    map.MarkerLayer(
                        ref=spills_layer_ref,
                        markers=spills_markers(spills_df),
                    ),

                    map.PolygonLayer(
                        polygons=[
                            map.PolygonMarker(
                                label="Popular Touristic Area",
                                label_text_style=ft.TextStyle(
                                    color=ft.Colors.BLACK,
                                    size=15,
                                    weight=ft.FontWeight.BOLD,
                                ),
                                color=ft.colors(ft.Colors.BLUE).with_opacity(0.3),
                                # color=ft.colors.BLUE.with_opacity(0.3),
                                # color=ft.colors.BLUE,
                                coordinates=[
                                    map.MapLatitudeLongitude(32.55, -117.1),
                                    map.MapLatitudeLongitude(32.65, -117.0),
                                    map.MapLatitudeLongitude(32.55, -117.2),
                                ],
                            ),
                        ],
                    ),
                    map.PolylineLayer(
                        polylines=[
                            map.PolylineMarker(
                                border_stroke_width=3,
                                border_color=ft.Colors.RED,
                                gradient_colors=[ft.Colors.BLACK, ft.Colors.BLACK],
                                color=ft.colors(ft.Colors.GREEN).with_opacity(0.6, ),
                                coordinates=[
                                    map.MapLatitudeLongitude(32.65, -117.1),
                                    map.MapLatitudeLongitude(32.55, -117.0),
                                    map.MapLatitudeLongitude(32.55, -117.1),
                                ],
                            ),
                        ],
                    ),
                ],
            ),

    )

ft.app(main)

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ndonkoHenri]

I dont really understand.

Please share some complete runnable code and then better explain what you want to achieve.

[valentinedwv]

Thank you, added working code, I hope.
Platform is MacOS running web interface