我如何并排显示两个叶片图? (类似于下图,但我希望显示叶贴图而不是matplotlib图)
edit:我想在Jupyter笔记本中显示这些地图。这是我当前的代码,其中显示了两个垂直(堆叠)的地图。
map_toronto = folium.Map(location=[43.6532, -79.3832], zoom_start=11)
# add markers to map
for lat, lng, borough in zip(toronto_df['Latitude'], toronto_df['Longitude'], toronto_df['District']):
label = '{}'.format(borough)
label = folium.Popup(label, parse_html=True)
folium.CircleMarker(
[lat, lng],
radius=5,
popup=label,
color='blue',
fill=True,
fill_color='#3186cc',
fill_opacity=0.7,
parse_html=False).add_to(map_toronto)
map_toronto
map_nyc = folium.Map(location=[40.7128, -74.0060], zoom_start=10)
# add markers to map
for lat, lng, borough in zip(nyc_df['Latitude'], nyc_df['Longitude'], nyc_df['District']):
label = '{}'.format(borough)
label = folium.Popup(label, parse_html=True)
folium.CircleMarker(
[lat, lng],
radius=5,
popup=label,
color='blue',
fill=True,
fill_color='#3186cc',
fill_opacity=0.7,
parse_html=False).add_to(map_nyc)
map_nyc
答案 0 :(得分:3)
这是我想出的解决方案
from IPython.core.display import display, HTML
htmlmap = HTML('<iframe srcdoc="{}" style="float:left; width: {}px; height: {}px; display:inline-block; width: 50%; margin: 0 auto; border: 2px solid black"></iframe>'
'<iframe srcdoc="{}" style="float:right; width: {}px; height: {}px; display:inline-block; width: 50%; margin: 0 auto; border: 2px solid black"></iframe>'
.format(map_toronto.get_root().render().replace('"', '"'),500,500,
map_nyc.get_root().render().replace('"', '"'),500,500))
display(htmlmap)
您可能需要在CircleMaker中设置文本格式,使其不包含单个刻度字符或其他特殊字符,以将其正确嵌入到iframe中
nyc_df= nyc_df(to_replace=r'\'', value="", regex=True)