What can be the reason for this error in zoom control property of angular google maps?

1k views Asked by At

I'm trying to build a simple google map location marker with a radius.

I'm using -

I'm getting the an error in terminal on running ng serve, regarding zoomControl property & a method I defined in the *.component.ts file.

Below is the error shown in terminal.

Error: src/app/Map/Map.component.html:19:16 - error TS2554: Expected 2 arguments, but got 1.

    19     (dragEnd)="markerDragEnd($event)"

    src/app/Map/Map.component.ts:41:16
    41   templateUrl: './Map.component.html',
        
    Error occurs in the template of component MapComponent.
    src/app/Map/Map.component.html:12:3 - error NG8002: Can't bind to 'AgmZoomControl' since it isn't a known property of 'agm-map'.
    1. If 'agm-map' is an Angular component and it has 'AgmZoomControl' input, then verify that it is part of this module.
    2. If 'agm-map' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

    12   [zoomControl]="true"
        
    src/app/Map/Map.component.ts:41:16
    41   templateUrl: './Map.component.html',
                          
    Error occurs in the template of component MapComponent.

markerDragEnd() method from *.component.ts file.

markerDragEnd(m: any, $event: any) {
   this.location.marker.lat = m.coords.lat;
   this.location.marker.lng = m.coords.lng;
   this.findAddressByCoordinates();
}

Segment where zoomControl property & markerDragEnd() method is used.

<agm-map
  [(latitude)]="location.lat"
  [(longitude)]="location.lng"
  [(zoom)]="location.zoom"
  [disableDefaultUI]="true"
  [zoomControl]="true"
  [(fitBounds)]="location.viewport"
>
  <agm-marker
    [(latitude)]="location.marker.lat"
    [(longitude)]="location.marker.lng"
    [markerDraggable]="location.marker.draggable"
    (dragEnd)="markerDragEnd($event)"
  ></agm-marker>
</agm-map>

What can be the reason for error ?

0

There are 0 answers