bonjour, j'ai réussi via fetch à récupérer finalement mes positions en utilisant une boucle for.
Mon but maintenant c'est au 'click' de chaque position de faire ressortir les infos sur la station en question( à savoir nom, addresse, statut, vélos dispo...).
Pour ce faire j'ai créer une zone dans mon html qui va pouvoir récupérer tout ça:
<h3>INOFRMATIONS SUR LA STATION</h3>
<ul id="info">
<li>
Nom et addresse station : <span id="nomstation"></span>
</li>
<li>
Etat : <span id="etat"></span>
</li>
<li>
Place(s) totale(s) : <span id="placetotale"></span>
</li>
<li>
Place(s) disponible(s) : <span id="placedispo"></span>
</li>
<li>
Vélo(s) disponible(s) : <span id="velodispo"></span>
</li>
</ul>
// permet affichage des positions sur la carte
const url = 'https://api.jcdecaux.com/vls/v1/stations?contract=marseille&apiKey=7cac7a43f504aceb28611cd25c6626c4075645eb';
fetch('https://api.jcdecaux.com/vls/v1/stations?contract=marseille&apiKey=7cac7a43f504aceb28611cd25c6626c4075645eb')
.then((resp) => resp.json()) // Transform the data into json
.then(function(data) {
for(let elem of data){
var marqueur = L.marker([elem.position.lat, elem.position.lng]).addTo(mymap);
}
// Create and append the li's to the ul
});