是否可以在 Leaflet 地图弹出窗口中显示本地保存的图像？答案

【问题标题】：Is it possible to display locally saved images in Leaflet map popups?是否可以在 Leaflet 地图弹出窗口中显示本地保存的图像？
【发布时间】：2017-03-18 17:16:04
【问题描述】：

使用 python，我设法将照片的 exref 数据（纬度、经度等）提取到 pandas 数据框中。然后，我生成一个传单/folium 地图 html 文件，当在浏览器中打开该文件时，会显示拍摄照片的地理参考点。单击每个会打开一个显示文件名的弹出窗口，如下所示：

for lat,lon,Filename in zip(df['Lat'],df['Lon'],df['Filename']):
  fg.add_child(folium.Marker(location[lat,lon],popup=Filename,icon=folium.Icon(color='red')))

但是，我想做的是在弹出窗口中显示实际图像。是否可以使用本地存储的图像来执行此操作 - 也许通过指定文件路径+文件名？网络搜索通过引用 url 返回了许多使用网络托管图像的解决方案，但如果可能的话，我想将其用作浏览离线照片的一种方式。

很高兴听到替代解决方案，如果这根本不是 Leaflet 的选项。

【问题讨论】：

标签： javascript python leaflet geotagging folium

【解决方案1】：

由于popup 接受一个字符串，fg.add_child(folium.Marker(location[lat,lon],popup="<img src='file:///"+MY_FILE_PATH + Filename + "'>",icon=folium.Icon(color='red'))) 不适合您的场景吗？

【讨论】：

谢谢，我试了一下，但它似乎只显示输入的字符串 - 没有图像。当我单击弹出窗口时，会显示以下文本：
听起来 Folium 将该字符串作为文本而不是 html 转储到弹出窗口中。你可以用Element 构造img 标签，然后将它传递到弹出窗口中吗？ python-visualization.github.io/folium/module/element.html#html

【解决方案2】：

对于其他人来说，我最终设法通过结合 snkashis 的建议和以下线程中包含的说明来解决这个问题：

https://github.com/python-visualization/folium/issues/604:

【讨论】：