Angular-google-maps: 円にstrokeWeightを設定すると、エラーがスローされ、ストロークが追加されません

作成日 2016年11月25日 · 11コメント · ソース: SebastianM/angular-google-maps

問題の説明
strokeWeightプロパティを追加すると、Googleマップはエラーをスローします。

キャッチされないTypeError：f [r]は関数ではありません

再現する手順と問題の最小限のデモ

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

_問題を確認するには、デモでどのような手順を試す必要がありますか？_

それを実行し、コンソールを開きます。

現在の動作
エラーがスローされます。

期待される/望ましい動作
円は、定義された重みのストロークを示しています

angle2＆angular2-google-mapsバージョン
角度2.2およびangular2-google-maps0.16.0

その他の情報
これは、ストローク位置の値をCENTER文字列として渡しているために発生しますが、舞台裏でいくつかの数値ではなく数値を持つ列挙型であるgoogle.maps.StrokePosition.CENTER（OUTSIDEまたはINSIDE）を想定しているため、Googleマップでは無効です。ストリング。

urgent AgmCircle bug

ソース

cesarp

👍8

最も参考になるコメント

@SebastianM @cesarpが提供した情報に関して、何か進展はありますか？この問題はかなり古いです...

回避策として、文字列の代わりに列挙型をstrokePosition入力に渡すことができます。例えば

google.maps.StrokePosition.CENTER // outputs 0

次に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 2017年11月29日

👍16 🎉8

全てのコメント11件

@cesarpありがとうございます！コメントを1つ追加しました。

SebastianM 2016年12月01日

更新または回避策はありますか？私は同じ問題に遭遇しました。

rg1220 2017年09月07日

👍9

この問題に関する更新はありますか？私も同じ問題に遭遇しました。

santosmken 2017年11月02日

@santosmken

agm-circleタグに[strokePosition] = "1"を追加しました。それは円を追加します。ただし、strokeColorとfillColorの値が尊重されないという別の問題があります。ストロークと塗りつぶしは黒で、変更できません。

shuchow 2017年11月06日

👍1

@shuchowコードをnode_modulesディレクトリに直接貼り付けましたか？私のは正常に動作していて、私が望む動作は正しいからです。コードを貼り付ける必要があります

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

santosmken 2017年11月06日

@SebastianM @cesarpが提供した情報に関して、何か進展はありますか？この問題はかなり古いです...

回避策として、文字列の代わりに列挙型をstrokePosition入力に渡すことができます。例えば

google.maps.StrokePosition.CENTER // outputs 0

次に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 2017年11月29日

👍16 🎉8

@SebastianMなぜこれがまだ開いているのですか？ドキュメントまたはコードで変更してください。私はこれで多くの時間を失いました。