csv - 带有 CSV 数据的传单控制层

Question

在学习 javascript、传单和 html 方面相当新。这里我使用的是 P5js 库。我想创建一个控制层并将标记组织成组。但是，正如我现在所拥有的那样，标记正在从 CSV 文件中提取信息，并且控制层的文档已对其进行设置，以便每个标记都有一个 var。有什么方法可以解决这个问题而不必单独创建每个标记？

我在想如果制作一个 for 循环会起作用，并且如果字符串包含某个单词，它会为它创建一个变量吗？也不确定这将如何工作。

var map = L.map('map').setView([0, 0], 2);

    L.tileLayer('https://api.maptiler.com/maps/voyager/{z}/{x}/{y}.png?key=6e5dj7C0TZ5PY4pS6DXo', {
 }).addTo(map);


  for(let i = 0; i < countries.getRowCount(); i++ ){
    let long = Number(countries.getString(i, 'long'));
    let lat = Number(countries.getString(i, 'lat'));
    let tea = String(countries.getString(i, 'tea'));
    let country = String(countries.getString(i, 'country'));
    let tradeValue = String(countries.getString(i, 'trade value'));
    let locationImage = String(countries.getString(i, 'image'));
    let commissionValue = Number(countries.getString(i, 'commission'));


    // update marker for each country
     var marker =
        L.marker([lat,long])
        .bindPopup('<h1>'+ country + '</h1><img src= "assets/images/'+ locationImage +'"/><p>Trade Value: ' + tradeValue +'</p>')
        .addTo(map)

标签： csvleaflet