Как добавить маркеры на карту leaflet при ajax вызове? leaflet Cannot read properties of undefined (reading 'addLayer') Layer.js:52

Я пытаюсь добавить маркеры на карту leaflet с помощью ajax-вызова, но получаю ошибку. Я могу добавить маркеры на карту в консоли, но не знаю, почему не могу в ajax-вызове. Любая помощь будет оценена по достоинству.

Ajax Call

// get reference to map
var map = window['leafletmapid_location-map'];
$('#id_sub_areas').change(function (event) {
    $.ajax({
        type: 'GET',
        url: 'my_url',
        success: function (response) {
            L.marker([40.383061, -111.773658]).addTo(map)
        };
    });
});

Когда я запускаю ajax вызов, я получаю сообщение об ошибке- leaflet Cannot read properties of undefined (reading 'addLayer') Layer.js:52

Однако, если я загружу страницу, я могу добавить маркер на карту с помощью следующего кода в консоли.

Консольный код

var map = window['leafletmapid_location-map'];
L.marker([40.383061, -111.773658]).addTo(map);

Вернуться на верх