Le portail francophone de la géomatique

mlt · Tue 21 June 2016 17:15

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());*/
         });

demo972 · Thu 23 June 2016 12:22

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 ?

mlt · Wed 29 June 2016 10:17

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 &deg;C </p> <p> <font color="red"> Maxi:</font> 27,7 &deg;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 &deg;C </p> <p> <font color="red"> Maxi:</font> 28 &deg;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

Dof · Thu 30 June 2016 11:25

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();
    }
         
         });

mlt · Fri 01 July 2016 10:18

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)

mlt · Wed 27 July 2016 09:48

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)

demo972 · Wed 27 July 2016 12:02

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.

mlt · Wed 27 July 2016 12:09

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)

demo972 · Wed 27 July 2016 12:23

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

Communauté	Ressources	L'emploi	Le marché	L'association	Fils RSS
Forum Blogs Wiki Planet Sites amis	Agenda Biblio Fiches AMO-CNIG Paris PCGIS Téléchargements	Offres d'emploi Banque de CV Formations Démarche Métiers	Geo-Entreprises Geo-Communiqué Appels d'offres	L'association Qui sommes-nous ? Nous aider Bienfaiteurs Partenaires Historique Statuts	Tout le site Job Géomatique Services GeoBlogs ...	Faire un don Mentions légales

Le portail francophone de la géomatique

Annonce

#1 Tue 21 June 2016 17:15

[leaflet] popup leaflet et kml

Code:

#2 Thu 23 June 2016 12:22

Re: [leaflet] popup leaflet et kml

#3 Wed 29 June 2016 10:17

Re: [leaflet] popup leaflet et kml

Code:

#4 Thu 30 June 2016 11:25

Re: [leaflet] popup leaflet et kml

Code:

#5 Fri 01 July 2016 10:18

Re: [leaflet] popup leaflet et kml

Code:

#6 Wed 27 July 2016 09:48

Re: [leaflet] popup leaflet et kml

Code:

#7 Wed 27 July 2016 12:02

Re: [leaflet] popup leaflet et kml

#8 Wed 27 July 2016 12:09

Re: [leaflet] popup leaflet et kml

#9 Wed 27 July 2016 12:23

Re: [leaflet] popup leaflet et kml

Pied de page des forums