11486 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,
je continue mes aventures avec json et js.
la finalité etant d'utiliser une latitude et une longitude afin d'afficher des point sur une carte.
voici la partie du code pour afficher le json.
Merci à parsimonhi

fetch('donnees.json').then(response => response.json()).then(data => {
	var e=document.createElement("div");
	var s="";
	data.forEach(a=>{
		s+=a.name;
		s+=", "+a.address;
		s+="<br>";
		s+=a.lat;
		s+=a.lng;
		s+="<br>";
		L.marker([ICI LAT, ICI LNG] ], {icon: customIcon}).addTo(maCarte).bindPopup('<p class="text-center">ICI NAME<br>ICI ADRESSE</p>');
	});
	e.innerHTML=s;
	document.body.appendChild(e);
});

donc comment faire pour afficher les valeurs voulu dans L.marker ?
Merci d'avance de votre aide.
Cdt
Modifié par spawns (11 Mar 2021 - 08:45)
Modérateur
Bonjour,

Je ne suis pas sûr d'avoir compris la syntaxe pour L.marker() (apparement, tu as fait une faute avec soit un "]" en trop soit un "[" manquant), mais il me semble au pifomètre qu'il suffirait de mettre :
L.marker([a.lat, a.lng], {icon: customIcon}).addTo(maCarte).bindPopup('<p class="text-center">'+a.name+'<br>'+a.address+'</p>');

Amicalement,
Meilleure solution
re,
encore merci c'est ca !
effectivement j'ai fait une erreur de ] en trop.
le bon code final
L.marker([a.lat, a.lng], {icon: customIcon}).addTo(maCarte).bindPopup('<p class="text-center">'+a.name+'<br>'+a.address+'</p>');