banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

Pour sa 21ème année, l’association GeoRezo a toujours besoin de vous !

10€ = 1 mois de frais bancaires ; 15€ = 12 mois de nom de domaine ; 30€ = 1 semaine de location des serveurs …

Faire un don 

Retrouver nos membres bienfaiteurs

#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:myIcon

Est-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

 

Pied de page des forums

Powered by FluxBB