在地图破折号上绘图并绘图

Question

我有一个破折号的应用程序，其图形如下所示（适应this tutorial中的示例：

当我将鼠标悬停在某个县上时，我希望在美国地块上方看到一个包含该县某些信息的地块。例如，如果我有失业率的历史价值，我想看看在地图顶部绘制的时间序列，用一个小图可以让我仍然看到地图。

是否有使用dash和plotly进行此操作的简单方法？谢谢！

Answer 1

据我所知，目前还无法通过mapbox将图形嵌入工具提示中。如果您不限于使用mapbox，则可以使用Dash Leaflet来实现，它支持更高级的工具提示，包括图形。这是一个小例子，

import dash
import dash_html_components as html
import dash_core_components as dcc
import dash_leaflet as dl
import plotly.express as px

# Example graph.
df = px.data.iris()
fig = px.scatter(df, x="sepal_width", y="sepal_length")
graph = dcc.Graph(figure=fig, style={"width": "400px", "height": "250px"})
# Create map with marker.
app = dash.Dash()
app.layout = html.Div([
    dl.Map([dl.TileLayer(), dl.CircleMarker(center=(56, 10), children=dl.Tooltip(graph))],
           id="map", style={'width': '100%', 'height': '100vh', 'margin': "auto", "display": "block"}),
])

if __name__ == '__main__':
    app.run_server()

免责声明：我是Dash Leaflet的维护者。