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

Rencontres QGIS 2025

L'appel à participation est ouvert jusqu'au 19 janvier 2025!

Pages: 1

 

#1 Tue 02 July 2024 13:04

Burol
Participant occasionnel
Date d'inscription: 21 Apr 2023
Messages: 23

Lizmap configuration de la page d'accueil

Bonjour,
En arrivant sur la page de la carte, il serait souhaitable d'avoir un petit message, comme cela est fait sur le site des Mares https://lizmap.arb-na.fr/lm/index.php/v … ie_mare_pc.
La documentation a été consultée en détail, mais aucune indication comment ceci peut être fait. Sans doute qu'un code Javascript est utilisé, mais pas trouvé non plus comment le faire lancer au démarrage.

D'avance Merci pour vos réponses

Cordialement

R. Burnet

Hors ligne

 

#2 Wed 03 July 2024 20:02

p.jeremie
Participant assidu
Lieu: Valence
Date d'inscription: 10 Sep 2017
Messages: 427

Re: Lizmap configuration de la page d'accueil

Bonjour,

En effet c'est quelque chose que vous pouvez faire avec du javascript.

Voici un exemple de code (à placer dans le dossier media/js/default par exemple) :

Code:

lizMap.events.on({
    uicreated: function(e) {
        // Popup à l'ouverture de la carte
        // librement inspiré de https://github.com/3liz/lizmap-javascript-scripts/tree/master/library/ui/popup_metadata_info
        var html = '';
        var title = 'Titre de la popup';

        // Header
        html += '<div class="modal-header" style="background-color:rgba(84, 11, 14, 1);"><a class="close" data-dismiss="modal">X</a>';
        html += '<h3 style="color:white;">' + title + '</h3></div>';

        // Main content : body
        html += '<div class="modal-body">';
        
        html+= '<dl class="dl-vertical">';
        html+= '<dd>Bienvenue sur la carte blablabla.<br><br>';
        html+= '<b>Blablbla, lien vers un document :  <a href="../view/media/getMedia?repository=dossier&amp;project=projetQGIS&amp;path=media%2Fdoc%2FNomFichier.pdf" target="_blank" <br><img src="../view/media/getMedia?repository=dossier&amp;project=projetQGIS&amp;path=media%2Fdoc%2FDocumentation.svg" alt="lien vers fichier NomFichier" loading="lazy" width="50" height="50"></a></b></dd>';
                
        // End of main content body
        html+= '</div>';

        // Footer
        html+= '<div class="modal-footer" style="background-color:rgba(84, 11, 14, 1);"><button type="button" class="btn btn-default" data-dismiss="modal">Ok</button></div>';

        // Modal window creation
        $('#lizmap-modal').html(html);
        
        // Show modal
        $('#lizmap-modal').modal('show');
    }
});

Pour plus d'infos sur les événements disponibles, c'est cette page : https://docs.lizmap.com/next/fr/publish … cript.html

Hors ligne

 

#3 Mon 15 July 2024 09:27

Burol
Participant occasionnel
Date d'inscription: 21 Apr 2023
Messages: 23

Re: Lizmap configuration de la page d'accueil

Bonjour,
Un très grand MERCI à p.jeremie pour sa réponse qui donne bien la réponse à la question.
Ce qu'il a suggéré a pu être mis en pratique et vous pouvez le voir ici http://renouee38422.ddns.net/index.php/ … enouee-Liz.
La mise en place des pictogrammes a été un peu plus laborieuse, mais a tout de même pu être effective.
Forum super.

Cordialement

R. Burnet

Hors ligne

 

#4 Thu 05 September 2024 19:24

SecondGIS
Juste Inscrit !
Date d'inscription: 5 Aug 2024
Messages: 4

Re: Lizmap configuration de la page d'accueil

Bonjour,
pourriez-vous poster le code de la pop-up d'accueil de votre carte "renouée" ?
Merci par avance !

Hors ligne

 

#5 Sat 05 October 2024 07:16

Burol
Participant occasionnel
Date d'inscription: 21 Apr 2023
Messages: 23

Re: Lizmap configuration de la page d'accueil

Bonjour,
Une réponse un peu tardive pour SecondGIS, mais voici le code demandé, fortement inspiré par celui fourni par p.jeremie

Code:

lizMap.events.on({
    uicreated: function(e) {
        // Popup à l'ouverture de la carte
        // librement inspiré de https://github.com/3liz/lizmap-javascript-scripts/tree/master/library/ui/popup_metadata_info
        var html = '';
        var title = '<center>Pr&eacute;cisions</center>';

        // Header
        html += '<div class="modal-header" style="background-color:rgba(84, 11, 14, 1);"><a class="close" data-dismiss="modal">X</a>';
        html += '<h3 style="color:white;">' + title  + '</h3></div>';

        // Main content : body
        html += '<div class="modal-body" lang=FR>';
        html+= '<dl class="dl-vertical">';
        html+= '<dd><center>Bienvenue sur la carte de recensement<br>de la Renou&eacute;e</center><br>';
            html+= '<dd>Les emplacements de Renou&eacute;e sont repr&eacute;sent&eacute;s comme suit :';
            html+= '<dd><li>Avec ce pictogramme <img src="../view/media/getMedia?repository=erenoueeprojet&project=Renouee-Liz&path=media%2Fpictos%2Fetoile-n.svg" loading="lazy" width="16" height="20"> pour les <b>tr&egrave;s</b> petites surfaces, consid&eacute;r&eacute;es ponctuelles. </li>'
            html+= '<dd><li>Avec ce pictogramme <img src="../view/media/getMedia?repository=erenoueeprojet&project=Renouee-Liz&path=media%2Fpictos%2FPt_surf.svg" loading="lazy" width="12" height="16"> pour les petites surfaces &agrave; petites &eacute;chelles.</li>'
            html+= '<dd><li>&Agrave; grandes &eacute;chelles, petites et grandes surfaces sont repr&eacute;sent&eacute;es par leur p&eacute;rim&egrave;tre colori&eacute; en fonction de leur densit&eacute;</li>'
            html+= '<dd><li>La pr&eacute;sence pour quelques emplacements de retours d&apos;exp&eacute;rience qui d&eacute;crivent ce qui a &eacute;t&eacute; fait pour lutter contre cette plante</li><br>'
            html+= '<dd>Le cadastre et diff&eacute;rents fonds de plans permettent de localiser ces donn&eacute;es<br>'
        html+= '<dd>Les diff&eacute;rentes couches pr&eacute;sentes sur cette carte sont d&eacute;taill&eacute;es en cliquant sur "Carte du recensement" dans la liste des couches.<br><br>';
        html+= '<dd>La l&eacute;gende des couches est disponible en cliquant sur le pictogramme d&apos;information <img src="../view/media/getMedia?repository=erenoueeprojet&project=Renouee-Liz&path=media%2Fpictos%2Finformation.svg" loading="lazy" width="16" height="20"> &agrave; droite de la couche dans la liste des couches.<br><br>';
        // html+= '<b>Blablbla, lien vers un document :  <a href="../view/media/getMedia?repository=dossier&amp;project=projetQGIS&amp;path=media%2Fdoc%2FNomFichier.pdf" target="_blank" <br><img src="../view/media/getMedia?repository=dossier&amp;project=projetQGIS&amp;path=media%2Fpicto%2FPt_surf.svg" alt="lien vers fichier NomFichier" loading="lazy" width="50" height="50"></a></b></dd>';
                
        // End of main content body
        html+= '</div>';

        // Footer
        html+= '<div class="modal-footer" style="background-color:rgba(84, 11, 14, 1);"><button type="button" class="btn btn-default" data-dismiss="modal">Ok</button></div>';

        // Modal window creation
        $('#lizmap-modal').html(html);
        
        // Show modal
        $('#lizmap-modal').modal('show');
    }
});

Hors ligne

 

 

Pages: 1

Pied de page des forums

Powered by FluxBB