Angular-google-maps: La définition de strokeWeight sur un cercle génère une erreur et n'ajoute pas le trait

Créé le 25 nov. 2016 · 11Commentaires · Source: SebastianM/angular-google-maps

Description du problème
Si vous ajoutez la propriété strokeWeight, google maps génère une erreur:

Uncaught TypeError: f [r] n'est pas une fonction

Étapes à suivre pour reproduire et une démo minimale du problème

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

_Quelles étapes devons-nous essayer dans votre démo pour voir le problème? _

Exécutez-le et ouvrez la console.

Comportement actuel
Une erreur est générée.

Comportement attendu / souhaité
Le cercle montre un trait avec l'épaisseur définie

version angular2 et angular2-google-maps
angular 2.2 et angular2-google-maps 0.16.0

Les autres informations
Cela se produit parce que vous passez la valeur de position du trait en tant que chaîne CENTER, mais ce n'est pas valide pour google maps car il attend google.maps.StrokePosition.CENTER (OUTSIDE ou INSIDE) qui en arrière-plan est une énumération avec une valeur numérique et non chaîne.

urgent AgmCircle bug

Source

cesarp

👍8

Commentaire le plus utile

@SebastianM des progrès par rapport aux informations fournies par @cesarp ? ce problème est assez ancien ...

Pour contourner ce problème, vous pouvez passer enum à l'entrée strokePosition au lieu d'une chaîne. Par exemple

google.maps.StrokePosition.CENTER // outputs 0

puis passez 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 le 29 nov. 2017

👍16 🎉8

Tous les 11 commentaires

@cesarp merci! Ajout d'un commentaire.

SebastianM le 1 déc. 2016

Une mise à jour ou une solution de rechange? J'ai rencontré le même problème.

rg1220 le 7 sept. 2017

👍9

Une mise à jour avec ce problème? J'ai également rencontré le même problème.

santosmken le 2 nov. 2017

@santosmken

J'ai ajouté [strokePosition] = "1" à ma balise agm-circle. Cela ajoute le cercle. Cependant, j'ai maintenant un problème différent en ce que les valeurs strokeColor et fillColor ne sont pas honorées. Le contour et le fond sont noirs et ne peuvent pas être modifiés.

shuchow le 6 nov. 2017

👍1

@shuchow avez-vous collé le code directement dans votre répertoire node_modules? Parce que le mien fonctionne correctement et que le comportement que je souhaite est correct. Le code doit être collé sur

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

santosmken le 6 nov. 2017

@SebastianM des progrès par rapport aux informations fournies par @cesarp ? ce problème est assez ancien ...

Pour contourner ce problème, vous pouvez passer enum à l'entrée strokePosition au lieu d'une chaîne. Par exemple

google.maps.StrokePosition.CENTER // outputs 0

puis passez 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 le 29 nov. 2017

👍16 🎉8

@SebastianM Pourquoi est-ce toujours ouvert? Veuillez le modifier sur les documents ou dans le code. J'ai perdu beaucoup de temps là-dessus.

Pitkox le 10 oct. 2018

Je rencontre le même problème, un correctif est nécessaire, la chaîne ne fonctionne pas mais le nombre fonctionne 👍

vguleaev le 16 oct. 2018

Ce problème a été automatiquement marqué comme obsolète car il n'a pas eu d'activité récente. Il sera fermé si aucune autre activité ne se produit. Merci pour vos contributions.