NativeScript / NativeScript/plugins
[@nativescript/google-maps] Marker info window on Angular
Personne n'a encore pris cette issue.
- Langage dominant
- TypeScript
- Étoiles
- 206
- Forks
- 123
- Merge moyen
- 2 j 1 h
- PR mergées (30 j)
- 1
Description
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;
}
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par les bindings de MapView dans component.html et le handler initInfoWindow(args) de component.ts présentés dans le rapport. Examinez l'API de fenêtre d'information des marqueurs du plugin et déterminez pourquoi la vue personnalisée assignée ne s'affiche pas ; le travail est terminé lorsque la fenêtre d'information du marqueur affiche le contenu de l'image et du label dans Angular.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- mobile-dev
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 25/100