Использование обработчика событий карты для динамически импортированных данных массово замедляет страницу ⇐ Javascript

[Anonymous]

У меня есть карта листовок с несколькими сотнями маркеров. Маркеры сгруппированы с плагином MarkerCluster, а данные для маркеров загружаются динамическим импортом в зависимости от языка пользователя. Работает), и я хочу, чтобы они также были отфильтрованы тем, какая часть карты в настоящее время видно (я вывожу список всех результатов в HTML). С этой целью у меня есть функция UpdateFiltering (точки) , которая принимает массив маркеров в качестве параметра. Это от панорамирования или масштабирования. Я делаю это так: < /p>

Код: Выделить всё

let sth =
import('./data-'+lang+'.js')
.then((langdata) => {
updateCheckboxStates();
addMarkers(pFilter(langdata.points));
updateFiltering(langdata.points);
const points = langdata.points;

map.on('moveend', function(e) {
updateFiltering(points);
});
})
.catch((error) => {
console.error(error);
});
< /code>
Это работает, но после небольшого масштаба вокруг нее сильно замедляет страницу до такой степени, что браузер побуждает меня остановить сценарий. Консоль сказала «слишком много рекурсии» в какой -то момент - это объясняет огромную задержку, но я не понимаю, почему это происходит? Пример < /p>
      markers.on('animationend', function(e) {
updateFiltering(points);
});
< /code>
- это работает хорошо (но не ловит все варианты использования). Но любой обработчик событий, прикрепленный к карте 

замедляет страницу.>

Подробнее здесь: https://stackoverflow.com/questions/794 ... down-the-p