Bonjour,
un collègue réalise une carte sur un groupe de rock.  
il souhaite, dans un popup qui pointe sur le lieux du concert faire apparaître toutes les dates de concert d'un lieu donné.
Avec le code ci-dessous, il fait apparaître le nom du lieu, puis la ville et une date, les autres dates ne peuvent pas apparaître.
il ne connais pas la formule à utiliser.
 
Pouvez-vous l'aider ?
 
Un grand merci.
 
Voici le code :  
 
 
map.on('click', function(e) {
  var features = map.queryRenderedFeatures(e.point, {
    layers: ['1979-60h3wc'] // replace this with the name of the layer
  });
 
  if (!features.length) {
    return;
  }
 
  var feature = features[0];
 
  var popup = new mapboxgl.Popup({ offset: [0, -15] })
    .setLngLat(feature.geometry.coordinates)
    .setHTML('<h2>' + feature.properties.lieu + '</h2><p>' + feature.properties.ville + '</p><p>' + feature.properties.date + '</p>')  
    .setLngLat(feature.geometry.coordinates)
    .addTo(map);
});
 
 
 
 

Bonjour,
 
Toutes les dates sont dans feature.properties ?  
 
Sinon concrètement il faudra faire une boucle avant setHTML pour générer la bonne chaîne de caractère.  
 

 
 
Oui, toutes les dates sont dans features.properties et seule la première de chaque lieu apparait.
il y'a dans mapbox un fichier.csv avec date, ville, lieu, latitude, longitude.
Sur la carte apparait tous les points et dans le popup, il fait afficher lieu, ville, date .