如何在Dash布局中插入带有标记的Folium地图？

import folium
import dash
import dash_core_components as dcc
import dash_html_components as html
import dash_leaflet as dl

app = dash.Dash(__name__)

# 创建一个Folium地图对象
m = folium.Map(location=[51.5074, -0.1278], zoom_start=10)

# 添加标记
folium.Marker([51.5074, -0.1278], popup='London').add_to(m)

# 转换为Dash Leaflet地图对象
dl_map = dl.Map(children=[dl.TileLayer(), dl.Marker(position=[51.5074, -0.1278], children=dl.Tooltip(text="London"))],
                style={'width': '100%', 'height': '50vh', 'margin': "auto", "display": "block"})

app.layout = html.Div(children=[
    html.H1('Folium Map in Dash'),
    dl_map
])

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