Module de trace GPS pour VTT64.com
|
Module d'affichage de traces gps pour le site vtt64.com.
Initié par Janus57, puis par le grand chef de phpboost, j1.seth, j'ai repris le module pour une évolution drastique et repoussé mes connaissances en programmation (php + javascript/jQuery) dans leurs retranchements.
Gestion des cartes (OpenStreetMap, Googlemaps, IGN) avec Leaflet.js.
Gestion d'onglets de page avec jQuery Organic Tabs Plugin
Page d'accueil du module :
- onglet carte : une carte multi-layer affiche toutes les traces déclarées sur le site
- onglet tableau/liste : affichage par liste ou par tableau (selon configuration) de toutes les traces du site. La pagination et les filtres d'affichage ont été revu pour ne pas recharger la page à chaque choix (jQuery/jplist.js)
Fiche d'une trace :
- onglet graphiques : affichage d'un graphique du niveau d'élévation en fonction du positionnement de la souris avec report du marker sur la carte (Janus57)
- onglet description : description du parcours et du niveau de difficulté.
- onglet informations : détails du parcours, photos, liens vers les activités autour du parcours, mots clés.
- onglet partage : téléchargement de la trace, partage sur facebook, liens vers la page de la trace pour mettre sur son site ou son blog.
Module en fonctionnement : VTT64.com
Initié par Janus57, puis par le grand chef de phpboost, j1.seth, j'ai repris le module pour une évolution drastique et repoussé mes connaissances en programmation (php + javascript/jQuery) dans leurs retranchements.
Gestion des cartes (OpenStreetMap, Googlemaps, IGN) avec Leaflet.js.
Gestion d'onglets de page avec jQuery Organic Tabs Plugin
Page d'accueil du module :
- onglet carte : une carte multi-layer affiche toutes les traces déclarées sur le site
- onglet tableau/liste : affichage par liste ou par tableau (selon configuration) de toutes les traces du site. La pagination et les filtres d'affichage ont été revu pour ne pas recharger la page à chaque choix (jQuery/jplist.js)
Fiche d'une trace :
- onglet graphiques : affichage d'un graphique du niveau d'élévation en fonction du positionnement de la souris avec report du marker sur la carte (Janus57)
- onglet description : description du parcours et du niveau de difficulté.
- onglet informations : détails du parcours, photos, liens vers les activités autour du parcours, mots clés.
- onglet partage : téléchargement de la trace, partage sur facebook, liens vers la page de la trace pour mettre sur son site ou son blog.
Module en fonctionnement : VTT64.com
1596 Visiter le site