angular / angular/components

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

オープン
#24,495 コメント 2 件 リアクション 3 件 担当者 0 名 GitHub で見る
area: google-maps P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

### 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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、google-maps.component.html の 3 つの手順を google-maps.component.ts の対応するロジックで再現し、zoom が変わらないまま centerChanged が発火することを確認します。Angular Google Maps のバインディング動作を追跡し、center の更新によって zoom が 17 に戻ることを確認して修正を検証します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。