防止在传单弹出窗口中缓存图像?

时间:2019-10-12 18:59:24

标签: javascript python-3.x leaflet folium

因此,我有一个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之前将其注入页面以更改行为,但是到目前为止,我在构建此脚本方面的努力一直没有成果。

0 个答案:

没有答案