Угловые Google Maps (AGM) с использованием нескольких атрибутов - PullRequest
Новая
       52

Угловые Google Maps (AGM) с использованием нескольких атрибутов

0 голосов
/ 31 декабря 2018

Я пытаюсь использовать @ agm / core для реализации API карт Google в моем приложении Angular.Я пытался использовать эту документацию 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 устаревшим?

EDIT ::

Так что это странно, если я добавлю +.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, кажется, совершенно не имеет отношения к тому, что я сделал, чтобы проблема больше не возникала.

EDIT ::

Теперь, когда я могу воссоздать проблему, вызывающую эту ошибку: я понялэто как-то связано с наблюдаемой "комнатой".

...