Angular-google-maps: 在圆上设置strokeWeight会引发错误，并且不会添加笔划

创建于 2016-11-25 · 11评论 · 资料来源: SebastianM/angular-google-maps

问题说明
如果您添加strokeWeight属性，则谷歌地图会抛出错误：

未捕获的TypeError：f [r]不是函数

重现步骤和问题的最小演示

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

_我们应该在您的演示中尝试哪些步骤才能发现问题？_

运行它并打开控制台。

当前行为
引发错误。

预期/期望行为
圆圈显示具有定义的权重的笔划

angular2和angular2-google-maps版本
角2.2和angular2-google-maps 0.16.0

其他资讯
发生这种情况的原因是，您将笔触位置值作为CENTER字符串传递，但对于Google地图无效，因为它期望google.maps.StrokePosition.CENTER（外部或内部），其背后是一个带有一些数字值的枚举，而不是细绳。

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谢谢！添加了一条评论。

SebastianM 于 2016-12-01

有任何更新或解决方法吗？我遇到了同样的问题。

rg1220 于 2017-09-07

👍9

这个问题有更新吗？我也遇到过同样的问题。

santosmken 于 2017-11-02

@santosmken

我在我的agm-circle标记中添加了[strokePosition] =“ 1”。这增加了圈子。但是，现在我遇到了另一个问题，即笔触颜色和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为什么仍然打开？请在文档或代码中进行更改。我为此花了很多时间。