Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considèrerons que vous acceptez l'utilisation des cookies. J'ai compris ! ou En savoir plus !.
banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

Printemps des cartes 2024

#1 Mon 23 January 2023 15:42

Mathw21
Juste Inscrit !
Date d'inscription: 25 Sep 2022
Messages: 1

Leaflet, site dans une pop-up

Bonjour,

J'aurais besoin d'une grande aide, ça fait plusieurs semaines que je suis coincé sur ce problème.
J'ai fais une carte avec Leaflet et je dois afficher un pop-up qui affiche le nom de l'EPCI + le site INSEE de cet EPCI.
Le problème est que je n'arrive pas à faire comprendre au pop-up que c'est le lien pour un site web et il me l'affiche comme du texte.

Voici mon code :

onEachFeature:function(feature,layer){
                     layer.bindPopup('nom : '+feature.properties.NOM +'site : https://www.insee.fr/fr/statistiques/20 … DE_SIREN);
            },

Merci de vos réponses et de votre aide. smile

Hors ligne

 

#2 Tue 24 January 2023 09:05

Sylvain M.
Participant assidu
Lieu: Saint-Pierre-des-Nids (53)
Date d'inscription: 8 Sep 2005
Messages: 981

Re: Leaflet, site dans une pop-up

En effet, il faut mettre l'URL de votre site dans une balise HTML d'Hyperlien.
Comme ceci :

Code:

<a href="https://votre_url">texte affiché</a>

Ce qui donne dans votre cas quelque chose comme ça :

Code:

onEachFeature:function(feature,layer){
                     layer.bindPopup(    'nom : '
                                        + feature.properties.NOM
                                        + 'site : <a href="https://www.insee.fr/fr/statistiques/2011101?geo=EPCI-'
                                        + feature.properties.CODE_SIREN
                                        + ');">Lien INSEE</a>'
                                    );
            },

Sylvain M.

Hors ligne

 

Pied de page des forums

Powered by FluxBB