NativeScript / NativeScript/plugins

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

Open
#434 0 comments 0 reactions 0 assignees View on GitHub

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.