Tonen foto uit attribuutveld in de feature-info

Tonen foto uit attribuutveld in de feature-info

Deze pagina geeft een voorbeeld hoe een foto, opgenomen in een attribuutveld van de kaartlaag kan worden getoond in de feature-info van betreffende kaarlaag. Het attribuutveld in dit voorbeeld is het veld ā€œimageurlā€œ. De foto wordt in een nieuw browser tabblad getoond indien erop wordt geklikt.

{# Plaats onderstaand blokje met instellingen boven in de feature info #} {# Pas breedte aan indien nodig. 306px past goed bij standaard feature info in zijbalk. #} {% set container_width = '306px' %} {# Pas ook dit aan naar smaak. #} {% set thumb_height = '100px' %} {# Plaats deze div op de plek waar de foto's getoond moeten worden. #} <div style="width:{{container_width}};display:flex;flex-wrap:wrap;"> <a target="_blank" href="{{imageurl | replace({'http': 'https'}) }}" style="margin:0.3rem;min-width:46%;height:{{thumb_height}};background-image:url({{imageurl | replace({'http': 'https'}) }});background-size:cover;background-position:center"></a> </div>