Annonce
#1 Sat 07 November 2020 09:32
- loribac
- Juste Inscrit !
- Date d'inscription: 7 Nov 2020
- Messages: 3
Makers perso
Bonjour, je voudrais personaliser mon maker mais aucun maker n 'appariaient sur ma carte pouvez vous me donner des pistes de réflexions pour modifier pouvoir avoir le résulta attendu. Merci d 'avance
var myItems = [
];
//var markers = new MarkerIcon({iconUrl: "https://www.stormtv.fr/caution.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: 30} )
markers.addLayer(marker);
}
markers.off('mouseover', function(e){ e.layer.openPopup(); })
.off('mouseout', function(e){ e.layer.closePopup(); });
map.addLayer(markers);
});
Hors ligne
#2 Sun 08 November 2020 19:34
- Sylvain M.
- Participant assidu
- Lieu: Saint-Pierre-des-Nids (53)
- Date d'inscription: 8 Sep 2005
- Messages: 981
Re: Makers perso
Bonsoir,
Vous n'êtes pas dans la bonne section du Forum.
(ici, c'est la section MapInfo, et vous semblez vouloir créer une Webmap avec Leaflet, donc plutôt la section "Geolibre_Web" : https://georezo.net/forum/viewforum.php?id=38)
Pour ce qui est de votre problème de marker personnalisé, voici une page qui explique la méthode de base :
https://leafletjs.com/examples/custom-icons/
Sinon, pour ce qui concerne votre code source, n'hésitez pas à le baliser avec [ code ] votre code [ /code ], ce qui donne ceci :
Code:
var myItems = [
];
//var markers = new MarkerIcon({iconUrl: "https://www.stormtv.fr/caution.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: 30} )
markers.addLayer(marker);
}
markers.off('mouseover', function(e){ e.layer.openPopup(); })
.off('mouseout', function(e){ e.layer.closePopup(); });
map.addLayer(markers);
});Ce qu'on remarque, c'est que la ligne qui va chercher une icône personnalisée est commentée avec "//", donc pas interprétée par le navigateur.
Pour partager vos essais et votre code source complet, le site JsFiddle est assez pratique.
Voici un exemple : https://jsfiddle.net/a08oek3w/2/
Bon courage
Sylvain M.
Hors ligne
