angular / angular/components

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

Offen
#24,495 2 Kommentare 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: google-maps P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die drei Schritte in google-maps.component.html mit der entsprechenden Logik in google-maps.component.ts zu reproduzieren, und bestätige, dass centerChanged ausgelöst wird, während zoom unverändert bleibt. Verfolge das Binding-Verhalten von Angular Google Maps und überprüfe die Korrektur, indem du sicherstellst, dass eine Center-Aktualisierung den Zoom auf 17 zurücksetzt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.