Angular-google-maps: Establecer strokeWeight en un círculo arroja un error y no agrega el trazo

Creado en 25 nov. 2016 · 11Comentarios · Fuente: SebastianM/angular-google-maps

Descripcion del problema
Si agrega la propiedad strokeWeight, google maps arroja un error:

Error de tipo no detectado: f [r] no es una función

Pasos para reproducir y una demostración mínima del problema.

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

_¿Qué pasos deberíamos probar en su demostración para ver el problema? _

Ejecútelo y abra la consola.

Comportamiento actual
Se lanza un error.

Comportamiento esperado / deseado
El círculo muestra un trazo con el peso definido

versión angular2 y angular2-google-maps
angular 2.2 y angular2-google-maps 0.16.0

Otra información
Esto sucede porque está pasando el valor de la posición del trazo como una cadena CENTER, pero eso no es válido para los mapas de Google, ya que espera google.maps.StrokePosition.CENTER (OUTSIDE o INSIDE) que detrás de escena es una enumeración con algún valor numérico no un cuerda.

urgent AgmCircle bug

Fuente

cesarp

👍8

Comentario más útil

@SebastianM ¿ algún progreso con respecto a la información proporcionada por @cesarp ? este problema es bastante antiguo ...

Como solución alternativa, puede pasar la enumeración a la entrada strokePosition lugar de la cadena. Por ejemplo

google.maps.StrokePosition.CENTER // outputs 0

luego pasa 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 en 29 nov. 2017

👍16 🎉8

Todos 11 comentarios

@cesarp gracias! Agregó un comentario.

SebastianM en 1 dic. 2016

¿Alguna actualización o solución alternativa? Me he encontrado con el mismo problema.

rg1220 en 7 sept. 2017

👍9

¿Alguna actualización con este problema? También me he encontrado con el mismo problema.

santosmken en 2 nov. 2017

@santosmken

Agregué [strokePosition] = "1" a mi etiqueta agm-circle. Eso agrega el círculo. Sin embargo, ahora tengo un problema diferente porque los valores de strokeColor y fillColor no se están respetando. El trazo y el relleno son negros y no se pueden cambiar.

shuchow en 6 nov. 2017

👍1

@shuch, ¿

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

santosmken en 6 nov. 2017

@SebastianM ¿ algún progreso con respecto a la información proporcionada por @cesarp ? este problema es bastante antiguo ...

Como solución alternativa, puede pasar la enumeración a la entrada strokePosition lugar de la cadena. Por ejemplo

google.maps.StrokePosition.CENTER // outputs 0

luego pasa 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 en 29 nov. 2017

👍16 🎉8

@SebastianM ¿

Pitkox en 10 oct. 2018

Me encuentro con el mismo problema, se necesita una solución, la cadena no funciona pero el número funciona 👍

vguleaev en 16 oct. 2018

Este problema se ha marcado automáticamente como obsoleto porque no ha tenido actividad reciente. Se cerrará si no se produce más actividad. Gracias por sus aportaciones.