<div #mapContainer class="location-map" role="region" [attr.aria-label]="ariaLabel"></div>

<ul class="visually-hidden">
  @for (location of locations; track location.id) {
    <li>
      {{ location.label }}
      @if (location.address) {
        — {{ location.address }}
      }
      <a [href]="directionsUrl(location)" target="_blank" rel="noopener noreferrer">
        Cómo llegar
      </a>
    </li>
  }
</ul>
