Вначале сообщаю, что я начинающий программист javascript.Я пишу приложение для динамического рисования маркера круга на карте.Я использую библиотеку листовок.В качестве источника он использует данные, загруженные из CSV-файла.CSV-файл состоит из трех столбцов: дата, координата х, координата у.На данный момент карта работает таким образом, что рисует все маркеры одновременно.
var map = L.map("map");
L.tileLayer("http://{s}.tile.osm.org/{z}/{x}/{y}.png").addTo(map);
map.setView([51.95, 19.55], 6);
var myRenderer = L.canvas({ padding: 0.02 });
for (var j=1; j<lines.length; j++)
{
var values = lines[j].split(';'); // Split up the comma seperated values
var x= values[2];
var y = values[3];
var data2 = values[1];
var markery2 = [];
markery2.push(y,x);
document.getElementById("demo").innerHTML =
"Data: " + data2;
console.log("JSON");
console.log(data2);
L.circleMarker(markery2, {
color: 'blue',
fillColor: 'blue',
fillOpacity: 0.2,
weight: 1,
radius: 3,
renderer: myRenderer
}).addTo(map).bindPopup('marker ' + j);
//Set up the data arrays
}
}
});
В конечном счете, я хотел бы читать записи с определенных дат, восходящих и нарисованных в таком порядке на карте.с 3-секундным интервалом времени