<div class="overview-map-container">
  <header class="flex-container">
    <h2>{{getResource fields.resource.fields.items 'mapHeading'}}</h2>
    <a href="{{dpUrlResolver fields.content.links.map}}" class="dp-sub-page open-tui-modal" data-id="map">
      {{>icon_svg name='map'}}
      {{getResource fields.resource.fields.items 'showLargeMap'}}
    </a>
  </header>
  <a href="{{dpUrlResolver fields.content.links.map}}" class="dp-sub-page open-tui-modal static-map" data-id="map">
    {{#if fields.customContent}}
      <img src="https://maps.googleapis.com{{staticMapsURLSigner "/maps/api/staticmap?size=455x389&client=gme-tuitravelplc" "7PvxAVRMPfqWHLUiEoFpHL3AyKs=" fields.customContent.childCoordinates "cdr" fields.customContent.zoomLevel @root/meta }}" alt="{{getResource fields.resource.fields.items 'mapHeading'}} - {{fields.content.name}}">
    {{else}}
      <img src="https://maps.googleapis.com{{staticMapsURLSigner "/maps/api/staticmap?size=455x389&client=gme-tuitravelplc" "7PvxAVRMPfqWHLUiEoFpHL3AyKs=" fields.content.childCoordinates "cdr" 0 @root/meta}}" alt="{{getResource fields.resource.fields.items 'mapHeading'}} - {{fields.content.name}}">
    {{/if}}
  </a>
</div>
