IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

SIG : Système d'information Géographique Discussion :

[Leaflet] plugin historique de navigation


Sujet :

SIG : Système d'information Géographique

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    423
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 423
    Points : 133
    Points
    133
    Par défaut [Leaflet] plugin historique de navigation
    Bonjour,

    Dans mon appli web qui basée sur Leaflet, j'ai installé le plugin history (téléchargé ici) qui permet de naviguer dans l'historique des zoom/dezoome de la carte.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var historyControl = new L.HistoryControl({    
        backImage: 'glyphicon glyphicon-chevron-left',
        forwardImage: 'glyphicon glyphicon-chevron-right',
        useExternalControls: true
    }).addTo(map);
    puis j'ai mis 2 boutons en dehors de ma carte pour piloter les événements :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    $('#tb_back').on('click', function(){
        historyControl.goBack();
    });
    $('#tb_forward').on('click', function(){
        historyControl.goForward();
    });
    Quand je navigue dans l'historique, le back marche nickel, mais le forward ne marche pas.

    Qu'est ce que j'ai oublié sur le forward?


    Merci,
    Nico

  2. #2
    Modérateur
    Avatar de kolodz
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2008
    Messages
    2 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 211
    Points : 8 316
    Points
    8 316
    Billets dans le blog
    52
    Par défaut
    Je pense que tu devrais regarder l'exemple fournit ici :
    http://cscott530.github.io/leaflet-h...ed-sample.html
    Et le code correspondant :
    https://github.com/cscott530/leaflet...s/sample2.html

    Cordialement,
    Patrick Kolodziejczyk.
    Si une réponse vous a été utile pensez à
    Si vous avez eu la réponse à votre question, marquez votre discussion
    Pensez aux FAQs et aux tutoriels et cours.

  3. #3
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2017
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2017
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    Bonjour.
    Sinon il y a Leaflet.NavBar qui fonctionne très bien.
    https://github.com/davidchouse/Leafl...#leafletnavbar

    Cordialement.

Discussions similaires

  1. Principe d'historique de navigation
    Par cardis1 dans le forum ASP
    Réponses: 3
    Dernier message: 22/11/2007, 18h53
  2. Réponses: 6
    Dernier message: 28/09/2007, 17h33
  3. Historique de navigation
    Par nanoute dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 12/05/2007, 20h21
  4. effacer l'historique de navigation?_?_?
    Par chernob dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 16/08/2006, 20h42
  5. Réponses: 24
    Dernier message: 18/06/2006, 20h31

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo