События ZoomChange или centerChange для угловых карт?

Question

Здравствуйте. В настоящее время я работаю над проектом, в котором мы используем Angular Maps , используя Angular 6 для передней части и Python для задней части.

Что мне нужно, так это вывести из API проводные точки определенного диапазона километров.У меня уже есть написанный код, мне просто нужно иметь возможность обнаруживать изменение масштаба и центра координат в реальном времени ?

Я мог бы обнаружить эти изменения из файла map.js(собственный файл библиотеки Angular Maps), но я не могу изменить значения моего основного компонента из этого файла.

Есть ли способ обнаружить изменения масштаба и центра?

Мне нужна функция, очень похожая на:

(mapClick) = "MyFunction1($event)" 

, но таким образом:

(zoomChange)="MyFunction2()"

Answer 1

Вы можете решить проблему, также оставьте решение на тот случай, если оно кому-то понадобится.

Шаг 1: В вашем файле .html добавьте

<agm-map [zoom]="mapa_cfg.zoom" [latitude]="mapa_cfg.latitud" [longitude]="mapa_cfg.longitud"(zoomChange)="zoomChange($event)" (centerChange)="centerChange($event)">

Шаг 2: В вашем файле .ts добавить

zoomChange(event){
    console.log(event);
}

centerChange(event){
    console.log(event);
}