{% if showMap(listing) %}
<div class="listing-details-item listingMap" ng-controller="listingMapController">
<p class="section-title__header">{{ 'listing.map'|trans }}</p>
<div id="map-thumb-container" style="position: relative; z-index:200;">
<div hidden itemscope itemtype="https://schema.org/GeoCoordinates">
<span itemprop="latitude">{{ listing.centerLat }}</span>
<span itemprop="longitude">{{ listing.centerLng }}</span>
<span itemprop="addressCountry">{{ get_setting('general', 'country') }}</span>
</div>
<a class="d-flex align-items-center justify-content-center" href="#" ng-show="show"
ng-click="showListingMap({{ listing.centerLat }}, {{ listing.centerLng }});">
<img itemprop="hasMap" class="map_place_holder img-responsive lazyload" border="0"
src="" data-src="{{ asset('images/Map.svg') }}" width="750" height="120">
<span class="listing__map-cta rounded-pill">
{{ 'listing.show_location'|trans }}
</span>
</a>
<div ng-if="!show">
<leaflet id="map" defaults="defaults" center="center" paths="paths"
maxbounds="maxbounds"
ng-init="initListingLocation({{ listing.centerLat }}, {{ listing.centerLng }});"
layers="layers" event-broadcast="events" v-pre></leaflet>
</div>
</div>
</div>
{% endif %}