Angular-google-maps: Установка strokeWeight для круга вызывает ошибку и не добавляет обводку

Созданный на 25 нояб. 2016 · 11Комментарии · Источник: SebastianM/angular-google-maps

Описание проблемы
Если вы добавите свойство strokeWeight, Google Maps выдаст ошибку:

Uncaught 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 (OUTSIDE или INSIDE), который за кулисами является перечислением с некоторым числовым значением, а не нить.

urgent AgmCircle bug

Источник

cesarp

👍8

Самый полезный комментарий

@SebastianM Есть ли @cesarp ? этот выпуск довольно старый ...

В качестве обходного пути вы можете передать enum в strokePosition input вместо строки. Например

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 29 нояб. 2017

👍16 🎉8

Все 11 Комментарий

@cesarp спасибо! Добавил один комментарий.

SebastianM 1 дек. 2016

Любое обновление или обходной путь? Я столкнулся с той же проблемой.

rg1220 7 сент. 2017

👍9

Есть обновления с этой проблемой? Я тоже столкнулся с той же проблемой.

santosmken 2 нояб. 2017

@santosmken

Я добавил [strokePosition] = "1" в свой тег agm-circle. Это добавляет круг. Однако теперь у меня другая проблема: значения strokeColor и fillColor не соблюдаются. Обводка и заливка черные и не могут быть изменены.

shuchow 6 нояб. 2017

👍1

@shuchow вы

node_modules/@agm/services/google-maps.api-wrapper.js СТРОКА 46-51

santosmken 6 нояб. 2017

@SebastianM Есть ли @cesarp ? этот выпуск довольно старый ...

В качестве обходного пути вы можете передать enum в strokePosition input вместо строки. Например

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 29 нояб. 2017

👍16 🎉8

@SebastianM Почему это все еще открыто? Пожалуйста, измените его в документации или в коде. Я потерял на этом много времени.

Pitkox 10 окт. 2018

У меня такая же проблема, требуется исправление, строка не работает, а числа работают 👍

vguleaev 16 окт. 2018

Эта проблема была автоматически помечена как устаревшая, поскольку в последнее время не было активности. Он будет закрыт, если больше не будет активности. Спасибо за ваш вклад.