<div class="row">
  <div class="col-12">
    <app-heading></app-heading>
    <app-breadcrumb></app-breadcrumb>
    <div class="separator mb-5"></div>
  </div>
</div>
<div class="row">
  <div class="col-12">

    <div class="card mb-4">
      <div class="card-body">
        <h5 class="mb-4">{{'maps.google' | translate}}</h5>
        <agm-map class="map-item" [zoomControl]="true" [latitude]="-34.397" [longitude]="150.644" [zoom]="8" [disableDefaultUI]="false"
          [zoomControl]="false" (mapClick)="mapClicked($event)">
          <agm-marker [latitude]="-34.397" [longitude]="150.644">
          </agm-marker>
        </agm-map>
      </div>
    </div>

    <div class="card mb-4">
      <div class="card-body">
        <h5 class="mb-4">{{'maps.yandex' | translate}}</h5>
        <div class="map-item">
          <ya-map [latitude]="-34.397" [longitude]="150.644" [lang]="'en-US'">
            <ya-marker [latitude]="-34.397" [longitude]="150.644">
            </ya-marker>
          </ya-map>
        </div>
      </div>
    </div>

  </div>
</div>
