NativeScript / NativeScript/plugins
[@nativescript/google-maps] Marker info window on Angular
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 206
- Fork
- 123
- Merge medio
- 2g 1h
- PR unite (30g)
- 1
Descrizione
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;
}
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia con i binding di MapView in component.html e l'handler initInfoWindow(args) di component.ts mostrati nel report. Esamina l'API del plugin per le finestre informative dei marker e determina perché la vista personalizzata assegnata non viene visualizzata; il lavoro è completato quando la finestra informativa del marker esegue il rendering del contenuto dell'immagine e dell'etichetta in Angular.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- mobile-dev
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100