Question

我正在尝试使用@ agm / core在我的Angular应用中实现google maps API。我尝试使用此文档https://angular-maps.com/api-docs/agm-core/directives/agmcircle，并按照以下示例（除其他示例外）：https://stackblitz.com/edit/angular-google-maps-demo?file=app%2Fapp.component.html。

在这些示例和文档中，我创建了以下代码示例：

  <agm-map [latitude]="+room.latitude" [longitude]="+room.longitude">
    <agm-marker [latitude]="+room.latitude" [longitude]="+room.longitude"></agm-marker>
  </agm-map>

哪个效果很好。但是，当我尝试实现 agm-circle 时：

  <agm-map [latitude]="+room.latitude" [longitude]="+room.longitude">
    <agm-marker [latitude]="+room.latitude" [longitude]="+room.longitude"></agm-marker>
    <agm-circle [latitude]="+room.latitude" [longitude]="+room.longitude"
                [radius]="5000"
                [fillColor]="'red'"
                [circleDraggable]="true"
                [editable]="true">
    </agm-circle>
  </agm-map>

我一直收到错误消息。我得到的错误是：

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'forEach' of null
TypeError: Cannot read property 'forEach' of null
    at AgmCircle.push../node_modules/@agm/core/directives/circle.js.AgmCircle.ngOnDestroy (circle.js:169)

我不知道我使用的是旧版本的AGM还是什么版本。该API是否已弃用？

编辑：：

所以这很奇怪，如果我添加+.3或任意数量，则agm-circle可以正常工作。

  <agm-map [latitude]="+room.latitude" [longitude]="+room.longitude">
    <agm-marker [latitude]="+room.latitude" [longitude]="+room.longitude"></agm-marker>
    <agm-circle [latitude]="+room.latitude +0.3" [longitude]="+room.longitude"
                [radius]="5000"
                [fillColor]="'red'"
                [circleDraggable]="true"
                [editable]="true">
    </agm-circle>
  </agm-map>

有人知道原因吗？ forEach错误似乎与我不再遇到的问题完全无关。

编辑：：

现在，我能够重现导致此错误的问题：我发现这与可观察到的“房间”有关。

使用多个属性的Angular Google Maps（AGM）

0 个答案: