添加JPG图像至大青叶弹出(Adding JPG Images to folium popup)

2019-09-26 04:02发布

我尝试添加图像大青叶弹出,但未能成功。 我使用Python 2.7版本,大青叶0.50版本。

其实,我跟随其他线程的页面提及,但它仍然无法正常工作

http://nbviewer.jupyter.org/gist/ocefpaf/0ec5c93138744e5072847822818b4362

import folium

import base64

m = folium.Map(location = [33, -97], zoom_start = 6, tiles = "Mapbox Bright")

encoded = base64.b64encode(open('IMG_1769.JPG', 'rb').read()).decode()

html = '<img src="data:image/jpeg;base64,{}">'.format

iframe = folium.IFrame(html(encoded), width=632+20, height=420+20)

popup = folium.Popup(iframe, max_width=2650)

marker = folium.Marker([30,-100], popup=popup).add_to(m)

m.add_child(marker)

m.save("test.html")

Answer 1:

我已经按照这个例子 ,它(几乎)为我工作。 地块为不BASE64解码正确,因为encoded变量是一个字节数组而不是字符串,从而产生b'iVBOR头代替iVBOR报头(在base64的PNG报头的版本)。

更换html(encoded) ,以html(encoded.decode('UTF-8'))解决了这一问题。

这里是输出。


这是代码片段。

    fig, ax = plt.subplots(figsize=(width, height))
    ax = subdf.plot(x='date', y='temperature', ax=ax, legend=False)
    ax.set_ylabel('Temp (°C)')
    png = '/tmp/temperatures_{}.png'.format(counter)
    fig.savefig(png, dpi=resolution)

    encoded = base64.b64encode(open(png, 'rb').read())



    html = '<img src="data:image/png;base64,{}">'.format
    #print(20*'-',encoded.decode('UTF-8'))
    iframe = IFrame(html(encoded.decode('UTF-8')), width=(width*resolution)+20, height=(height*resolution)+20)
    popup = folium.Popup(iframe, max_width=2650)

    icon = folium.Icon(color="red", icon="ok")
    marker = folium.Marker([lat, lon], popup=popup, icon=icon)
    marker.add_to(marker_cluster)


文章来源: Adding JPG Images to folium popup