Leaflet

Bonjour à tous, La fonction de base pour afficher un point sur leaflet est marker([48.5, 1.9]).bindPopup("<b>Titre</b><br />Ligne 1</b><br />Ligne 2").addTo(var1)

Je souhaite ajouter un lien url clic avec <a href="http://www.google.com">Site google</a>"

J’ai essayé de l’intégrer comme ca… marker([48.5, 1.9]).bindPopup("<b>Titre</b><br />Ligne 1</b><br />Ligne 2</b><br /><a href="http://www.google.com">Site google</a>").addTo(var1)

Mais ca ne marche pas… Merci pour votre aide :-)

Salut,

Tu ne peux pas mettre les guillemets doubles de la balise HTML, directement dans les guillemets doubles de la chaîne de caractères JavaScript.

Tu as deux solutions :

Soit échapper les guillemets doubles de la balise HTML avec des anti-slashes :

marker([48.5, 1.9]).bindPopup("<b>Titre</b><br />Ligne 1</b><br />Ligne 2</b><br /><a href=\"http://www.google.com\">Site google</a>").addTo(var1)

Soit utiliser des guillemets simples (qui ont les mêmes propriétés que les guillemets doubles) pour la chaîne de caractères :

marker([48.5, 1.9]).bindPopup('<b>Titre</b><br />Ligne 1</b><br />Ligne 2</b><br /><a href="http://www.google.com">Site google</a>').addTo(var1)

Pour plus d’informations, tu as la possibilité de consulter la documentation de MDN à ce sujet : https://developer.mozilla.org/fr/docs/Learn/JavaScript/First_steps/Strings

Bonne journée,

Merci. Ca fonctionne très bien. Merci pour la doc également.

Pense à mettre le sujet en résolu