标签: dash-leaflet

如何通过 Dash 应用程序中的回调更新输入组件

语境 :

我有一个带有下拉菜单和地图的 Dash 应用程序。

该地图显示 3 个 ID 为“01”、“02”和“03”的标记。我可以点击一个标记并通过回调返回其 ID。

下拉列表使我能够通过 ID 选择标记。

我想要做的是使用地图上选定的标记更新下拉列表中的选定值。

示例:我想选择“02”。我可以通过在下拉列表中选择“02”或单击地图上的“02”来完成此操作。但如果我从地图中选择它,我希望从下拉列表中选择的值更新为“02”。

如何根据回调返回的值更新下拉列表选定的值?

这是一个代表:

# -*- coding: utf-8 -*-
import dash.dependencies
import dash_bootstrap_components as dbc
import pandas as pd
import dash_leaflet as dl
from dash import dcc, html, Input, Output

########################################################################################################################
# VARIABLES
df_sites = pd.DataFrame([['01', (48.805, 2.326)], ['02', (43.167, 0.969)], ['03', (48.812, 2.530)]],
                        columns=['id_tech', 'coordonnees'])

circlemarkers = [dl.CircleMarker(
    dl.Tooltip(df_sites.iloc[i]['id_tech']),
    center=pos,
    radius=2,
    id=df_sites.iloc[i]['id_tech'])
    for i, pos in enumerate(df_sites['coordonnees'])]

########################################################################################################################
# APP
app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout …
Run Code Online (Sandbox Code Playgroud)

python leaflet plotly-dash dash-leaflet

3
推荐指数
1
解决办法
3411
查看次数

标签 统计

dash-leaflet ×1

leaflet ×1

plotly-dash ×1

python ×1