本文介绍了将 JPG 图像添加到叶弹出窗口的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
I try to add an image to folium popup, but failed. I use python 2.7 version, and folium 0.50 version.
Actually, I follow the page mention in other threads, but it still doesn't work
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")
解决方案
import base64
from folium import IFrame
#Add Marker
encoded = base64.b64encode(open('mypict.jpg', 'rb').read())
html = '<img src="data:image/png;base64,{}">'.format
iframe = IFrame(html(encoded.decode('UTF-8')), width=400, height=350)
popup = folium.Popup(iframe, max_width=400)
folium.Marker(location=[43.591545, 39.728056], tooltip=html, popup = popup,
icon=folium.Icon(color = 'gray')).add_to(map)
这篇关于将 JPG 图像添加到叶弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！