Annonce
#1 Fri 11 December 2020 14:04
- loribac
- Juste Inscrit !
- Date d'inscription: 7 Nov 2020
- Messages: 3
Maker carte Leafet
Bonjour, je n 'arrive pas a modifier le Marker sur la carte avec ce code. Le Marker reste celui de base ( le bleu); impossible de le personnaliser. Merci de votre aide
Code:
var markers = new MarkerIcon({iconUrl: "video.png"});
var markers = new L.featureGroup();
for (var i = 0; i < myItems.length; i++) {
var item = myItems[i];
marker = new L.marker([item[1],item[2]]).bindPopup(item[0],{minWidth: 200} )
markers.addLayer(marker);
}
markers.off('mouseover', function(e){ e.layer.openPopup(); })
.off('mouseout', function(e){ e.layer.closePopup(); });
map.addLayer(markers);Hors ligne
#2 Mon 14 December 2020 14:05
- EmilieDB
- Participant occasionnel
- Date d'inscription: 23 Jan 2007
- Messages: 23
Re: Maker carte Leafet
Bonjour,
Chez moi, le code suivant fonctionne :
Code:
var myIcon = L.icon({
iconUrl: '../../css/images/marker-icon-2x.png'
}
markerStyle:myIconEst-ce que cela pourrait vous convenir ?
Emilie
Hors ligne
#3 Mon 14 December 2020 18:00
- loribac
- Juste Inscrit !
- Date d'inscription: 7 Nov 2020
- Messages: 3
Re: Maker carte Leafet
Bonjour Emilie , je comprends le principe mais je 'arrive pas a l 'intégrer au reste du code .
Code:
var myItems = [
<?php include("fichier/monde.txt");?>
];
var myIcon = L.icon({
iconUrl: 'point.png'
}
markerStyle:myIcon
var markers = new L.featureGroup();
for (var i = 0; i < myItems.length; i++) {
var item = myItems[i];
marker = new L.marker([item[1],item[2]]).bindPopup(item[0],{minWidth: 400} )
markers.addLayer(marker);
}
markers.off('mouseover', function(e){ e.layer.openPopup(); })
.off('mouseout', function(e){ e.layer.closePopup(); });
map.addLayer(markers);
});Hors ligne
#4 Tue 15 December 2020 11:22
- s10
- Participant occasionnel
- Lieu: France
- Date d'inscription: 28 Nov 2018
- Messages: 23
Re: Maker carte Leafet
Salut,
Je comprends pas ton morceau de code, enfin notamment pourquoi tu ajoutes comme couche ta variable marker ? idéalement si tu pouvais le mettre sur codepen ou jsfiddle !
https://leafletjs.com/reference-1.7.1.html#icon tu devrais regarder l'exemple, il fontionne pour moi.
cdt
Hors ligne
