Я пытаюсь обновить мою карту листовок с помощью JS + AJAX, но листовка возвращает мне ошибку Uncaught TypeError: Невозможно прочитать свойство '0' из null на leaflet.js: 5
У меня есть функция, которая получает данные с сервера, все работает, когда я вызываю функцию getData
, я получаю данные, а функция printRoute
записывает данные в элемент «test», но L.polyline([...
по-прежнему возвращает ошибку. Данные (вывод xhttp.responseText
) в правильном формате, который необходим L.polyline
( [ 49.999319, 13.897081 ], [ 49.997681, 13.905933 ], ... , [ 49.996141, 13.913901 ], [ 49.994664, 13.921527 ] )
Когда я делаю это только на сервере, только с PHP, без AJAX, все работает нормально.
Пожалуйста, у вас есть подсказки?
function getData( url, cFunction, postedData ) {
var xhttp;
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
cFunction( this );
}
};
xhttp.open( "GET", url, true );
xhttp.send();
}
function printRoute( xhttp ) {
document.getElementById("test").innerHTML = xhttp.responseText;
var route = L.polyline([ xhttp.responseText ], {color: 'red'} ).addTo(map);
}