Angular Google Maps zoom 只工作一次，然后您无法更改缩放值

Question

我正在开发一个使用 agm 的项目。除了缩放问题，一切都很好。我在地图上放置了很多标记，当我点击其中一个时，我想放大它的纬度和经度。我可以将此标记的纬度和经度居中，但缩放只工作一次而不是第二次。有没有人帮我解决这个问题。顺便说一句，我是 Angular 的新手。

谢谢。

Answer 1

cityInfo(i){
            this.latitude=this.parkandFlyCenter[i].lat;
            this.longitude=this.parkandFlyCenter[i].lon;
            // this is not working--> this.mapZoom=14;
            //But this is working(interesting !)
            this.mapZoom= this.mapZoom+0.5;
        
      }

<agm-map class="agm-map" 
    [latitude]="latitude" 
    [longitude]="longitude"
    minZoom="3" 
    [zoom]="mapZoom"
    [styles]="styles"
    [mapTypeControl]="true" 
    [mapTypeControlOptions]="mapType"
    (centerChange)="centerChange($event)"
    (zoomChange)="zoomChange($event)"
    (boundsChange)="boundsChange($event)"
    >
        <agm-marker-cluster [styles]="clusterStyles">
        <agm-marker *ngFor="let city of Cities; let i = index"
        [latitude]="city.lat"
        [longitude]="city.lon"
        [iconUrl]="icon"
        [label]="{color: 'white', text: sometext}"
        (markerClick)="cityInfo(i)">

        </agm-marker>
      </agm-marker-cluster> 
      </agm-map>

这是我的解决方案（老实说不是解决方案，但有人可能有同样的问题，这可以作为参考）