Changer la couleur d"un marqueur
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 :
Code:
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
}); |
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:
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();
}
} |
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...
Donc merci d'avance de m'éclairer sur ce sujet :)
