将图像放置在地图框的每个坐标上

Question

我正在使用Mapbox GL JS，并试图在地图的每个坐标上放置不同的图像。

这是我的代码，用于在地图上放置点并获取坐标。

map.on('draw.modechange', function(e) { //changer le mode en polygon
    map.on('click', function(e) { // (e) est un evenement qui recupere les coordonées
        if (draw.getMode() == 'draw_polygon') {

            lon = e.lngLat.lng;
            lat = e.lngLat.lat;

            gps[nbPoints][0] = lon;
            gps[nbPoints][1] = lat; 

            nbPoints = nbPoints+1;

            console.log("Longitude : "+lon + " - " + "Latitude : "+lat);//afficher les lon et lat
            //console.log(lon,lat);
        };
    });
});

我正在使用此代码将坐标发送到我的数据库，但是我试图在单击按钮后向每个坐标添加不同的图像。

$("#vol").click(function(e) //envoyer tous les coords vers bdd
{   
    for (var i = 0 ; i < nbPoints; i++) {

          posLon = gps[i][0];  
          posLat = gps[i][1];

        $.ajax({
            type: "POST",
            url: "donnes.php",
            data: {
                'lon' : posLon,
                'lat' : posLat
                },
            success: function(){
                console.log("OK");
            }
         });

        console.log("Coordonnés: "+gps[i][0]+ " " +gps[i][1]);
    }
});