Leaflet.js: Ouvert tous les popup des bulles au chargement de la page

Je suis en train de travailler à partir de la Leaflet.js docs comment il serait possible d'ouvrir un popup sur présentation de la page. Par exemple, si on avait trois marqueurs (chacun représentant un bâtiment), chacun aurait son popup immédiatement ouverte.

http://leaflet.cloudmade.com/reference.html#popup

mystérieusement dit:

"L'utilisation de la Carte#openPopup pour ouvrir des popups, tout en veillant à ce qu'un seul popup est ouvert à la fois (recommandé pour la facilité d'utilisation), ou à l'utilisation de la Carte#addLayer d'ouvrir autant que vous le souhaitez."

mais

http://leaflet.cloudmade.com/reference.html#map-addlayer

donne pas de conseils à propos de la façon dont cela pourrait être réalisable.

Quelqu'un peut-il préciser si c'est possible, et donner tous les conseils sur la façon de le faire?

OriginalL'auteur fooquency | 2012-01-28

  1. 9

    Vous devez ajouter des fenêtres pop-up en tant que Couche.
    Essayez avec cet exemple de code:

    var popupLocation1 = new L.LatLng(51.5, -0.09);
var popupLocation2 = new L.LatLng(51.51, -0.08);

var popupContent1 = '<p>Hello world!<br />This is a nice popup.</p>',
popup1 = new L.Popup();

popup1.setLatLng(popupLocation1);
popup1.setContent(popupContent1);

var popupContent2 = '<p>Hello world!<br />This is a nice popup.</p>',
popup2 = new L.Popup();

popup2.setLatLng(popupLocation2);
popup2.setContent(popupContent2);

map.addLayer(popup1).addLayer(popup2);
    Excellent, j'ai vraiment apprécier cet exemple. Suis-je en droit de penser il n'y a aucun moyen d'avoir à la fois les icônes et les fenêtres pop-up?
    Salut fooquency, je ne sais pas. Essayer de poster dans la nouvelle brochure groupes: groups.google.com/forum/#!forum/dépliant-js
    La réponse ci-dessous à l'aide de la Classe d'extension est une bien meilleure approche et doit être accepté de répondre à
    Je suis en désaccord, dès maintenant ci-dessous l'extension des sauts de la togglePopup méthode en raison du changement dans openPopup mise en œuvre.
    ah ok, heureusement pour moi cela a fonctionné parfaitement 🙂

    OriginalL'auteur aborruso

  2. 10
    L.Map = L.Map.extend({
    openPopup: function(popup) {
        //this.closePopup(); 
        this._popup = popup;
        return this.addLayer(popup).fire('popupopen', {
            popup: this._popup
        });
    }
});

    exemple: http://jsfiddle.net/paulovieira/yVLJf/

    trouvé ici: https://groups.google.com/forum/#!msg/dépliant-js/qXVBcD3juL4/4pZXHTv1baIJ

    Pouvez-vous expliquer qu'est ce que ce morceau de code? Il est apprécié si vous pouvez l'expliquer.
    j'ai édité ma réponse. Du créateur: "Vous pouvez "L. Classe.Étendre" la valeur par défaut L. classe Map, la définition d'une nouvelle openPopup méthode. Cette nouvelle méthode sera un simple copier-coller de celui par défaut, sauf pour la partie où le courant pop-up est fermé (juste un commentaire de cette ligne)."
    Merci beaucoup @gies0r le bout de code fonctionne comme un charme
    Encore Merci pour cela, je suis nouveau sur le Javascript et cela a ouvert une nouvelle voie d'investigation/de pise
    cela ne fonctionne pas avec la version actuelle

    OriginalL'auteur gies0r

  3. 6
    marker.addTo(myMap).bindPopup('Hello popup', {autoClose:false}).openPopup();

    utilisation autoClose option

    OriginalL'auteur thinhnk

  4. 0

    Dans la dernière version, il y a un autoClose option.

    D'avoir à la fois un marqueur et le popup ouvertes en même temps, sans ajout de couches explicitement :

    var popup1 = new L.Popup({'autoClose':false});
popup1.setLatLng([53.55375, 9.96871]);
popup1.setContent('First popup');

var popup2 = new L.Popup({'autoClose':false});
popup2.setLatLng([53.552046, 9.9132]);
popup2.setContent('Second popup');

L.marker([53.55375, 9.96871]).addTo(myMap)
    .bindPopup(popup1).openPopup();

L.marker([53.552046, 9.9132]).addTo(myMap)
    .bindPopup(popup2).openPopup();

    OriginalL'auteur Nice Books

  5. -1

    triky solution est de retirer la popup lien de la carte sur l'objet d'ouvrir:

    map.on('popupopen', function (e) {
    delete map._popup;
});
    Comment cela affectera-basculement/fermeture de cette fenêtre, dans l'avenir?

    OriginalL'auteur IvanM