如何将动态字符串值从Python传递到基于folium的Map中的html?

问题描述 投票:1回答:1

我正在尝试为所有地图标记创建包含动态信息的地图。例如,带有区域中餐馆标记的地图,显示与该餐厅相关的名称,图片和其他信息。

问题:如何为地图中的每个标记将动态字符串值从Python传递到HTML。

我可以正确地链接图片与每个标记,但不能链接像名称等文本字段。如果我把html放在内部或外面的for循环它总是给我错误的静态值无关紧要。

P.S - 我是编程新手

# creating map layout, center point & view
m_sat = folium.Map(location=[28.595793, 77.414752], zoom_start=13, tiles='https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', attr='Created by')   # added Esri_WorldImagery  

html = '''<img ALIGN="Right" src="data:image/png;base64,{}">\
<h1>Name: </h1>{{ var_pass }}<br />\
<h2>Location: </h2>Noida<br />'''.format

# creating for loop below for dynamic content
for plot_numb in range(address.shape[0]):

    picture = base64.b64encode(open(str(plot_numb+1)+'.png','rb').read()).decode()
    iframe = IFrame(html(picture), width=300+200, height=300+20)
    popup = folium.Popup(iframe, max_width=650)
    icon = folium.Icon(color="white", icon="cloud", icon_color='black')
    tooltip = 'Click to view more about: '+address.iloc[plot_numb,0]
    var_pass = address.iloc[plot_numb,0] 
    marker = folium.Marker(location=address.iloc[plot_numb,1], 
    popup=popup, tooltip=tooltip, icon=icon).add_to(m_sat)

m_sat 

我应该能够在地图上显示每个标记的相关名称信息。 附上问题的最终结果图:enter image description here

“地址”DataFrame的示例:

        Name           Location
    0   Farzi Cafe     [28.562, 77.387]
    1   Skylounge      [28.562, 77.387]
    2   Tamasha Cafe   [28.562, 77.387]
    3   Starbucks      [28.565, 77.449]
    4   Pizza Hut      [28.620, 77.425]  
python html python-3.x folium
1个回答
2
投票

试试这个:

var_name = 'restaurant_name'
var_loc = 'restaurant_location'
# var_picture =  <base64 image data>
html = f'''<img ALIGN="Right" src="data:image/png;base64,{var_picture}">\
<h1>Name: </h1>{var_name}<br />\
<h2>Location: </h2>{var_loc}<br />\
'''
html  
## '<img ALIGN="Right" src="data:image/png;base64,{}"><h1>Name: </h1>restaurant_name<br /><h2>Location: </h2>restaurant_location<br />'  

现在,遍历您的数据框以获取所有名称和位置。

© www.soinside.com 2019 - 2024. All rights reserved.