因此,我有一个Python Web服务,该服务使用Folium / Leaflet.js创建地图。每个绘制的点都是带有自定义弹出窗口的标记:
folium.Marker(
location=(row['lat'], row['lng']),
icon=folium.Icon(color=color_mapper[type]),
popup=folium.Popup(f'<p>{info_str} taken at {row["time"]} <br> \
Description: {row["description"]}</p> \
<img src={row["photoURL"]} width=300 height=500>'),
tooltip=info_str
)
当前,生成的HTML映射尝试预加载标记中提供的所有图像URL。加载3GB以上的图像会造成灾难性的后果,从而延迟了地图切片和数据点的加载。
问题:是否有办法阻止HTML预缓存弹出窗口中的图像,并且仅在打开弹出窗口时加载图像?
我想到了一些js脚本,我可以在生成后并在将其上载到CDN之前将其注入页面以更改行为,但是到目前为止,我在构建此脚本方面的努力一直没有成果。