Итак, у меня есть веб-сервис Python, который создает карты с помощью 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-адреса изображений, указанные в теге. Это может привести к катастрофическим последствиям при загрузке 3 ГБ + изображений, что задерживает загрузку фрагментов карты и точек данных.
Вопрос: Есть ли способ предотвратить предварительное кэширование изображений в HTML во всплывающих окнах и загружать изображение только при открытом всплывающем окне?
IЯ подумал о каком-то js-скрипте, который я мог бы внедрить в страницу после генерации и перед загрузкой в наш CDN, чтобы изменить поведение, но до сих пор мои усилия были бесплодны в его создании.