NativeScript / NativeScript/plugins
[@nativescript/google-maps] Marker info window on Angular
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 206
- Forks
- 123
- Avg merge
- 2d 1h
- Merged PRs (30d)
- 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;
}
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the component.html MapView bindings and the component.ts initInfoWindow(args) handler shown in the report. Review the plugin's marker info-window API and determine why the assigned custom view is not displayed; done means the marker info window renders the image and label content on Angular.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100