Angular-google-maps: Definir o strokeWeight em um círculo gera um erro e não adiciona o stroke

Criado em 25 nov. 2016 · 11Comentários · Fonte: SebastianM/angular-google-maps

Descrição do problema
Se você adicionar a propriedade strokeWeight, o google maps gerará um erro:

TypeError não capturado: f [r] não é uma função

Etapas para reproduzir e uma demonstração mínima do problema

http://plnkr.co/edit/EjWE2hRU9q3DwQh90BCE?p=preview

_Que etapas devemos tentar em sua demonstração para ver o problema? _

Execute-o e abra o console.

Comportamento atual
Um erro é lançado.

Comportamento esperado / desejado
O círculo mostra um traço com o peso definido

versão angular2 e angular2-google-maps
angular 2.2 e angular2-google-maps 0.16.0

Outra informação
Isso acontece porque você está passando o valor da posição do traço como string CENTER, mas isso não é válido para o Google Maps, pois espera google.maps.StrokePosition.CENTER (OUTSIDE ou INSIDE), que nos bastidores é um enum com algum valor numérico diferente de um fragmento.

urgent AgmCircle bug

Fonte

cesarp

👍8

Comentários muito úteis

@SebastianM algum progresso com relação às informações fornecidas pelo @cesarp ? este problema é bastante antigo ...

Como alternativa, você pode passar enum para strokePosition input em vez de string. Por exemplo

google.maps.StrokePosition.CENTER // outputs 0

então passe 0:

<agm-circle
  [latitude]="55.6713442"
  [longitude]="12.5237847"
  [radius]="1000"
  [strokeOpacity]="1"
  [strokePosition]="0" <-- here's the trick
  [strokeWeight]="2"
  [strokeColor]="'#706bd6'"
  [fillColor]="'#706bd6'"
  [fillOpacity]="0.5">
</agm-circle>

poltorak em 29 nov. 2017

👍16 🎉8

Todos 11 comentários

@cesarp obrigado! Adicionado um comentário.

SebastianM em 1 dez. 2016

Qualquer atualização ou solução alternativa? Eu tive o mesmo problema.

rg1220 em 7 set. 2017

👍9

Alguma atualização com este problema? Eu também encontrei o mesmo problema.

santosmken em 2 nov. 2017

@santosmken

Eu adicionei [strokePosition] = "1" à minha tag agm-circle. Isso adiciona o círculo. No entanto, agora tenho um problema diferente em que os valores de strokeColor e fillColor não estão sendo respeitados. O traço e o preenchimento são pretos e não podem ser alterados.

shuchow em 6 nov. 2017

👍1

@shuchow , você colou o código diretamente no diretório node_modules? Porque o meu está funcionando bem e o comportamento que desejo está correto. O código deve ser colado em

node_modules/@agm/services/google-maps.api-wrapper.js LINE 46-51

santosmken em 6 nov. 2017

@SebastianM algum progresso com relação às informações fornecidas pelo @cesarp ? este problema é bastante antigo ...

Como alternativa, você pode passar enum para strokePosition input em vez de string. Por exemplo

google.maps.StrokePosition.CENTER // outputs 0

então passe 0:

<agm-circle
  [latitude]="55.6713442"
  [longitude]="12.5237847"
  [radius]="1000"
  [strokeOpacity]="1"
  [strokePosition]="0" <-- here's the trick
  [strokeWeight]="2"
  [strokeColor]="'#706bd6'"
  [fillColor]="'#706bd6'"
  [fillOpacity]="0.5">
</agm-circle>

poltorak em 29 nov. 2017

👍16 🎉8

@SebastianM Por que ainda está aberto? Por favor, altere-o nos documentos ou no código. Perdi muito tempo com isso.

Pitkox em 10 out. 2018

Tive o mesmo problema, é necessária uma correção, a string não funciona, mas o número funciona 👍

vguleaev em 16 out. 2018

Este problema foi marcado automaticamente como obsoleto porque não teve atividades recentes. Ele será fechado se nenhuma outra atividade ocorrer. Obrigado por suas contribuições.