bug(google-maps): Zoom not updated on centerChange

### What are you trying to do?

Trying to zoom map after center change:
google-maps.component.html
```

```

google-maps.component.ts
```
export class GoogleMapsComponent {
@Input() center!: google.maps.LatLngLiteral;
zoom = 17;
...

centerChanged() {
console.log('center changed');
this.zoom = 17;
}
```

### What troubleshooting steps have you tried?

Zoom is not changed

### Reproduction

Steps to reproduce:
1. User changes zoom
2. User clicks on marker link that updates center variable.
3. Center is changed, console.log is fired but zoom is not updated

### Environment

- Angular: 12.2.6
- Browser(s): Firefox/Chrome
- Operating System Windows

Bắt đầu bằng cách tái hiện ba bước trong google-maps.component.html với logic tương ứng trong google-maps.component.ts, xác nhận rằng centerChanged được kích hoạt trong khi zoom vẫn không thay đổi. Theo dõi hành vi binding của Angular Google Maps và xác minh bản sửa bằng cách đảm bảo rằng một cập nhật center sẽ khôi phục zoom về 17.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.