带有CSV数据的传单控制层

在学习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)

var-map=L.map（'map'）.setView（[0,0]，2）；
L.tileLayer（'https://api.maptiler.com/maps/voyager/{z} /{x}/{y}.png？key=6e5dj7C0TZ5PY4pS6DXo'{
}).addTo（地图）；
for（设i=0；i）
.addTo（地图）