NativeScript / NativeScript/plugins

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

Aberta
#434 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
TypeScript
Estrelas
206
Forks
123
Merge médio
2d 1h
PRs com merge (30d)
1

Descrição

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; }

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Comece pelos bindings de MapView em component.html e pelo handler initInfoWindow(args) de component.ts mostrados no relatório. Revise a API de janela de informações de marcadores do plugin e determine por que a view personalizada atribuída não é exibida; considera-se concluído quando a janela de informações do marcador renderiza o conteúdo da imagem e do rótulo no Angular.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
angular, typescript
Domínio
mobile-dev
Tipo de issue
Bug
Dificuldade
4/5
Tempo estimado
3-5 dias
Status de atividade
Estagnada
Clareza
Precisa de esclarecimento
Facilidade para iniciantes
25/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.