NativeScript / NativeScript/plugins

[@nativescript/google-maps] Marker info window on Angular

Offen
#434 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
206
Forks
123
Ø Merge
2 T. 1 Std.
Gemergte PRs (30 T.)
1

Beschreibung

Hi,

Can help advice how to set marker info window content on Angular?

Below is code that i try but not working

component.html
<MapView [lat]="dd.lat" [lng]="dd.lng" [zoom]="dd.zoom" (ready)="onMapReady($event)" (markerTap)="onMarkerSelect($event)" (markerInfoWindow)="initInfoWindow($event)" (markerInfoContents)="initInfoWindow($event)" (infoWindowTap)="onInfoWindowSelect($event)"></MapView>

component.ts
initInfoWindow(args) { const info = new StackLayout(); info.width = 100; info.height = 100; info.backgroundColor = 'white'; const image = new Image(); image.src = 'https://camo.githubusercontent.com/3bd307204ac6237963e0448c00800a9df08f245d9e78fbbeb4191e625c834286/68747470733a2f2f64316c66797a356b7774387675392e636c6f756466726f6e742e6e65742f6e61746976657363726970742d6c6f676f2d323032312e706e67'; info.addChild(image); const text = new Label(); text.text = "Custom Info Window"; info.addChild(text); args.view = info; }

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit den im Bericht gezeigten MapView-Bindings in component.html und dem component.ts-Handler initInfoWindow(args). Überprüfe die API des Plugins für Marker-Info-Fenster und ermittle, warum die zugewiesene benutzerdefinierte Ansicht nicht angezeigt wird; abgeschlossen ist die Aufgabe, wenn das Marker-Info-Fenster den Bild- und Label-Inhalt in Angular rendert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
mobile-dev
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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