{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<div class="mb-8">
    <f:if condition="{mapApiKey} && {article.hasGeocoordinates}">
        <a href="#0" class="tb-static-map" itemprop="hasMap" itemscope itemtype="http://schema.org/Map">
            <vh:render section="MapContent" arguments="{_all}"/>
        </a>
    </f:if>
</div>

<f:section name="MapContent">
    <img
            class="tb-static-map__image"
            src="https://maps.googleapis.com/maps/api/staticmap?center={article.latitude},{article.longitude}&zoom=13&scale=2&size=1024x300&key={mapApiKey}"
            alt="Google Maps"
            itemprop="thumbnailUrl" />

    <div class="tb-static-map__marker">
        <div class="tb-static-map__marker-body">
            <svg>
                <use xlink:href="#tb-poi-static-map-marker-body"></use>
            </svg>
        </div>
        <div class="tb-static-map__marker-icon">
            <svg>
                <use xlink:href="#tb-poi-static-map-marker-icon"></use>
            </svg>
        </div>
    </div>
</f:section>