comment ajouter un titre html (info-bulle) à un leaflet.js polygone?

J'ai un dépliant carte et je voudrais ajouter un titre html (info-bulle) à mon polygone. Si j'ai utiliser du JQuery:

$('<title>my tooltip</title>').appendTo()

Le titre est ajouté au DOM, mais n'est pas visible. Voir ici pour plus de détails, mais si je suis cette solution, je ne peux plus utiliser le dépliant fonctionnalités.

J'ai aussi essayé la dépliant.étiquette plugin, mais l'étiquette se déplace avec le pointeur de la souris. Je veux juste le navigateur standard titre d'info-bulle qui s'affiche dans une position peu de temps après sur le vol stationnaire)

merci pour votre aide

  • fournir certains de violon.
InformationsquelleAutor JW-Munich | 2016-09-29
  1. 21

    Dépliant 1.0.0 a un nouveau lecteur de L. infobulle classe qui dénonçait la Notice.étiquette plugin. L'info-bulle de points à la forme de centre et de ne pas se déplacer avec la souris.

    L.polygon(coords).bindTooltip("my tooltip").addTo(map);

    Démo: https://jsfiddle.net/3v7hd2vx/91/

    À l'adresse des OP commentaire à propos de l'infobulle affichée à l'polygone centre, qui peut être hors de vue lorsque le polygone est très grand et de zoom est élevé, vous pouvez utiliser le collant option:

    L.polygon(coords).bindTooltip("my tooltip", {
  sticky: true //If true, the tooltip will follow the mouse instead of being fixed at the feature center.
}).addTo(map);

    Mise à jour de la démo: https://jsfiddle.net/3v7hd2vx/402/

    • oh merci, Ça a l'air bien mais mon polygone (bien, rectangle) est la taille totale de la carte. Il semble que l'info-bulle se perd quelque part
    • Ajouté sticky option à l'adresse ci-dessus question.
    • Également comme une note de côté, je ne voulais pas la flèche pour l'info-bulle sur la forme, afin de centrage à l'aide de direction: 'center' mettre l'étiquette dans le milieu sans flèche
    InformationsquelleAutor ghybs