Question

一开始，我通知您我是一个JavaScript新手。我正在编写一个在地图上动态绘制圆形标记的应用程序。我使用传单库。作为源，它使用从csv文件加载的数据。 csv文件由三列组成：日期，x坐标，y坐标。目前，地图的工作方式是一次绘制所有标记。

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秒的时间间隔在地图上以这种顺序升序绘制

Answer 1

欢迎您！

寻找setTimeout。

或者您可以更轻松地从setInterval开始。

有没有办法在传单中动态绘制圆形标记？

1 个答案: