Bonjour
Avant de venir ici poser la question du changement de couleur de marqueur j'ai bien évidement regardé sur le net mais je ne comprend certaines choses en faite surtout sur la doc de Leaflet...
Déjà je voulais simplement changer la couleur du marqueur d'origine et non le changer mais je crois comprendre que ce n'est pas possible....
Partons sur le changement, sur la doc ils disent :
Sauf qu'il y a une étape que je ne comprend pas... qu'elles sont ces png ? est ce qu'il y a une taille max pour que ca soit pris en compte ? et ou doivent elles être stocké ? J'ai essayé d'en mettre à la racine de mon projet, au même niveau que mon script.js mais je n'ai aucun résultat... soit j'ai toujours le marqueur de Leaflet soit je n'ai tout simplement aucun marqueur :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 var greenIcon = L.icon({ iconUrl: 'leaf-green.png', shadowUrl: 'leaf-shadow.png', iconSize: [38, 95], // size of the icon shadowSize: [50, 64], // size of the shadow iconAnchor: [22, 94], // point of the icon which will correspond to marker's location shadowAnchor: [4, 62], // the same for the shadow popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor });
Après j'ai cru lire aussi qu'il fallait ajouter des extensions mais la ils m'ont complètement perdu parce que j'ai peur de ne pas savoir faire ce genre de manip...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 function addCoor(deno, nom, long, lat){ var map = L.map('mapid').setView([lat, long], 13); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map); var redIcon = L.icon({ inconUrl:'red5.png', iconSize: [38, 95], iconAnchor: [22, 94], popupAnchor: [-3, -76] }); if(deno == null){ L.marker([lat, long], {icon: redIcon}).addTo(map) .bindPopup(nom) .openPopup(); }else{ L.marker([lat, long]).addTo(map) .bindPopup(deno) .openPopup(); } }
Donc merci d'avance de m'éclairer sur ce sujet
Partager