#1 Tue 21 June 2016 17:15
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
[leaflet] popup leaflet et kml
Bonjour,
Voici mon problème:
Je fais une carte via leaflet. Dans cette carte j'insère un .kml grâce au plugin kml.js. Tout fonctionne, les marqueurs s'affichent, quand je clique dessus une popup s'affiche.
Maintenant j'aimerai que toutes les popups soit ouverte quand le .kml est ouvert.
Est-ce que quelqu'un a une idée de comment faire ? Quitte à utiliser un autre plugin.
Merci
Voici mon code d'insertion du kml:
Code:
var kmlLayer = new L.KML("Station.kml", {async: true}); kmlLayer.on("loaded", function(e) { /* map.fitBounds(e.target.getBounds());*/ });
Hors ligne
#2 Thu 23 June 2016 12:22
- demo972
- Participant occasionnel
- Date d'inscription: 1 Mar 2012
- Messages: 18
Re: [leaflet] popup leaflet et kml
Bonjour
aurais tu un exemple de ce que tu veux ?
Ce que tu veux je suppose c'est que les marqueurs représentent l'emplacement de tes stations ?
Hors ligne
#3 Wed 29 June 2016 10:17
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
Re: [leaflet] popup leaflet et kml
Voici un exemple:
Code:
<?xml version="1.0" encoding="UTF-8"?> <kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom"> <Document id="spreadsheet_template"> <Folder> <name>Donnees xxxx27/06/16</name> <Style id="bleu"> <IconStyle> <scale>1.00</scale> <Icon> <href>http://dracos.co.uk/js/leaflet/images/marker-red.png</href></Icon></IconStyle></Style> <atom:author><atom:name>xxxx</atom:name></atom:author><atom:link rel="related" title="xxxx" href="http://www.xxxx.fr"></atom:link><atom:link rel="related" type="text/html" title="xxxx" href="http://www.xxxx.fr"></atom:link> <Placemark> <name>Station 1</name> <description><![CDATA[<h2>27/06/16</h2><p> <font color= "blue">Mini :</font> 17,5 °C </p> <p> <font color="red"> Maxi:</font> 27,7 °C </p><p> Pluie: 0 mm </p>]]></description> <styleUrl>#bleu</styleUrl> <Point> <coordinates>5.05,43.78</coordinates> </Point> </Placemark> <Placemark> <name>Station 2</name> <description><![CDATA[<h2>27/06/16</h2><p> <font color= "blue">Mini :</font> 17,5 °C </p> <p> <font color="red"> Maxi:</font> 28 °C </p><p> Pluie: 0 mm </p>]]></description> <styleUrl>#bleu</styleUrl> <Point> <coordinates>4.82,43.74</coordinates> </Point> </Placemark> </Folder> </Document> </kml>
Je veux que toutes les popup s'ouvre au démarrage de la page
Hors ligne
#4 Thu 30 June 2016 11:25
Re: [leaflet] popup leaflet et kml
Bonjour,
Peut être comme cela?
Code:
var kmlLayer = new L.KML("Station.kml", {async: true}); kmlLayer.on("loaded", function(e) { var layers = e.target.getLayers(); for (var layer of layers){ layer.openPopup(); } });
Hors ligne
#5 Fri 01 July 2016 10:18
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
Re: [leaflet] popup leaflet et kml
Merci pour la réponse. Non ça ne fonctionne pas.
Je suis pas sûr de bien comprendre le code, mon niveau en js est assez faible.
J'ai copié-collé le code, j'ai testé, puis je l'ai modifié de cette façon:
Code:
var kmlLayer = new L.KML("Station.kml", {async: true}); kmlLayer.on("loaded", function(e) { var layers = e.target.getLayers(); for (var kmlLayer of layers){ kmlLayer.openPopup(); }
Mais ça ne fonctionne toujours pas.
Dernière modification par mlt (Fri 01 July 2016 10:25)
Hors ligne
#6 Wed 27 July 2016 09:48
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
Re: [leaflet] popup leaflet et kml
J'ai changé mon code, voici 2 popups:
Code:
var popup = L.popup() .setLatLng([43.65,4.78]) .setContent("I am a standalone popup.") .openOn(map); var popup2 = L.popup() .setLatLng([44.98175637, 4.92805632]) .setContent("I am a standalone popup2.") .openOn(map);
Mon problème n'est pas résolu, une popup s'ouvre pas l'autre... Impossible d'ouvrir les 2 en même temps. En sachant que mon but et d'en ouvrir une 50ène.
Dernière modification par mlt (Wed 27 July 2016 09:49)
Hors ligne
#7 Wed 27 July 2016 12:02
- demo972
- Participant occasionnel
- Date d'inscription: 1 Mar 2012
- Messages: 18
Re: [leaflet] popup leaflet et kml
Salut
Alors pour ton problème il y a une solution décrite ici :
https://groups.google.com/forum/#!msg/l … ZXHTv1baIJ
Dans le js fiddle il te montre comment ouvrir un popup un à un sans que l'autre ce ferme.
Après si tu veux qu'au clique tous tes autres popups s'ouvrent je t'ai fait un petit exemple à partir de la solution :
https://jsfiddle.net/
à modifier comme tu le veux
J'espère que cela à pu t'aider.
Hors ligne
#8 Wed 27 July 2016 12:09
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
Re: [leaflet] popup leaflet et kml
Merci beaucoup je regarde le premier lien de suite, tu t'es trompé pour le deuxième lien, non ?
Mon but, c'est que toutes les popup s'ouvrent à l'ouverture de la page. Mais au clic ça peut faire.
Dernière modification par mlt (Wed 27 July 2016 12:10)
Hors ligne
#9 Wed 27 July 2016 12:23
- demo972
- Participant occasionnel
- Date d'inscription: 1 Mar 2012
- Messages: 18
Re: [leaflet] popup leaflet et kml
Oui c'est vrai j'ai oublié de sauvgarder :
https://jsfiddle.net/luda973/udsfL6qs/
Si tu lances un écouteur d'ev sur le chargement de la page ça fera l'effet que tu cherches :
http://stackoverflow.com/questions/7999 … out-jquery
Hors ligne