title: Restrict to a specific country in agm-map
body: <p>Below is my code which I'm able to plot the points on map. But I want my map to restrict to one country. How can this be achieved in agm-map?</p>
  
  <p>Example, I want it to be restricted to only western Australia. </p>
  
  <p>maps.html</p>
  
  <pre><code>&lt;agm-map 
    [latitude]="lat"
    [longitude]="lng"
    [zoom]="zoom"
    [disableDefaultUI]="false"
    [zoomControl]="false"
    (mapClick)="mapClicked($event)"&gt;
  
    &lt;agm-marker 
        *ngFor="let m of markers; let i = index"
        (markerClick)="clickedMarker(m.label, i)"
        [latitude]="m.lat"
        [longitude]="m.lng"
        [label]="m.label"
        [markerDraggable]="m.draggable"
        (dragEnd)="markerDragEnd(m, $event)"&gt;
  
      &lt;agm-info-window&gt;
        &lt;strong&gt;InfoWindow content&lt;/strong&gt;
      &lt;/agm-info-window&gt;
  
    &lt;/agm-marker&gt;
  
    &lt;agm-circle [latitude]="lat + 0.3" [longitude]="lng" 
        [radius]="5000"
        [fillColor]="'red'"
        [circleDraggable]="true"
        [editable]="true"&gt;
    &lt;/agm-circle&gt;
  
  &lt;/agm-map&gt;
  </code></pre>
  
  <p>maps.ts</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { MouseEvent } from '@agm/core';
  
  @Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: [ './app.component.css' ]
  })
  export class AppComponent  {
    // google maps zoom level
    zoom: number = 8;
  
    // initial center position for the map
    lat: number = 51.673858;
    lng: number = 7.815982;
  
    clickedMarker(label: string, index: number) {
      console.log(`clicked the marker: ${label || index}`)
    }
  
    mapClicked($event: MouseEvent) {
      this.markers.push({
        lat: $event.coords.lat,
        lng: $event.coords.lng,
        draggable: true
      });
    }
  
    markerDragEnd(m: marker, $event: MouseEvent) {
      console.log('dragEnd', m, $event);
    }
  
    markers: marker[] = [
        {
            lat: 51.673858,
            lng: 7.815982,
            label: 'A',
            draggable: true
        },
        {
            lat: 51.373858,
            lng: 7.215982,
            label: 'B',
            draggable: false
        },
        {
            lat: 51.723858,
            lng: 7.895982,
            label: 'C',
            draggable: true
        }
    ]
  }
  
  // just an interface for type safety.
  interface marker {
      lat: number;
      lng: number;
      label?: string;
      draggable: boolean;
  }
  
  </code></pre>