Ajout de Popup

Folium, bibliothèque Python fondée sur Leaflet.js, permet de créer facilement des cartes interactives riches en fonctionnalités. L’une des fonctionnalités les plus utilisées pour améliorer l’expérience utilisateur est l’ajout de popups.

Un popup est une petite fenêtre d’information qui s’affiche lorsqu’un utilisateur clique sur un élément de la carte, tel qu’un marqueur, une forme géographique (polygone, cercle, polyligne), ou tout autre objet interactif. Il permet d’ajouter du contexte, comme une description, des données chiffrées, un lien ou tout autre contenu HTML.

L’ajout de popups améliore la lisibilité de la carte et facilite l’exploration des données, surtout dans les projets où l’utilisateur a besoin d’obtenir rapidement des informations sur des points ou des zones spécifiques. Les popups peuvent être simples (texte brut) ou personnalisés (contenu HTML stylisé), ce qui les rend très flexibles.

Fonctions :

  • folium.Popup()

    La fonction folium.Popup() permet de créer une fenêtre contextuelle (popup) dans une carte interactive Folium. Cette fenêtre peut afficher du texte, des images, des liens, ou d'autres éléments HTML. Les popups sont souvent utilisés pour fournir des informations supplémentaires lorsque l'utilisateur clique sur des marqueurs ou autres objets de la carte.

    Importation :

    import folium

    Attributs :

    Paramètre Type Description Valeur par défaut
    html str Le contenu HTML à afficher dans la popup. ''
    max_width int La largeur maximale de la popup (en pixels). 300
    min_width int La largeur minimale de la popup (en pixels). 50
    sticky bool Détermine si la popup reste ouverte lorsqu’on déplace la carte. False

    Exemple de code :

    import folium

# Création de la carte centrée sur Paris
m = folium.Map(location=[48.8566, 2.3522], zoom_start=13)

# Création d'un Popup avec du texte HTML
popup = folium.Popup("Bienvenue à Paris!", max_width=200)

# Ajout d'un marqueur avec le popup
folium.Marker([48.8566, 2.3522], popup=popup).add_to(m)

# Affichage de la carte
m
    Résultat du code

    Explication du code :

      
 	
    1. 

      Création de la carte : Une carte est créée et centrée sur Paris (latitude: 48.8566, longitude: 2.3522) avec folium.Map().
      

      2. 
 	
    2. 

      Création de la popup : La popup est créée avec le texte "Bienvenue à Paris!" et une largeur maximale de 200 pixels grâce à folium.Popup().
      

      3. 
 	
    3. 

      Ajout du marqueur : Un marqueur est placé sur la carte à la position de Paris et le popup est associé au marqueur.
      

      4. 
 	
    4. 

      Affichage de la carte : La carte est rendue visible avec la méthode m, ce qui permet d'afficher l'interactivité dans un environnement Jupyter ou un navigateur.
      

      5. 

    

    Remarque importante :
    


      
 	
    • 

      Le contenu de la popup peut être enrichi avec du HTML, par exemple, vous pouvez ajouter des liens, des images, ou des tableaux. Cela permet d'afficher des informations complexes dans une fenêtre contextuelle simple.
      

      • 
 	
    • 

      Vous pouvez personnaliser davantage la popup, notamment en contrôlant sa taille avec les paramètres max_width et min_width.
      

      • 
 	
    • 

      Le paramètre sticky permet de définir si la popup doit rester ouverte même lorsque l’utilisateur déplace la carte, ce qui peut être utile dans certaines situations.
      

      •