SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 74 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > SoyezCreateurs > Plugins facultatifs > Intégration de la cartographie avec GIS dans SoyezCreateurs

Intégration de la cartographie avec GIS dans SoyezCreateurs

21 janvier 2010 – par Augier Guillaume, RealET

10 votes

Le but de cet article est de faire apparaître une carte que sur une rubrique et les articles appartenant à la branche de cette rubrique. Cette rubrique est choisie dans la configuration du plugin.

Sur la carte apparaissant sur la rubrique on verra apparaître les articles via leurs coordonnées, et sur les cartes on ne verra apparaître que l’article via ses coordonnées.

Installation et configuration de GIS

Tout d’abord il faut installer GIS et Google Maps API. Maintenant il faut le configurer : il vous suffit de choisir quelle rubrique ou vous souhaitez que GIS soit utilisable. Pour cela ils vous suffit de choisir une rubrique dans le tableau si dessous :

Tableau de configuration de GIS

Rappel : pour pouvoir configurer GIS il vous faut une clef de validation Google Map que l’on obtient en suivant les étapes d’écrite dans Plugin Gis escoitar.

Une fois le plugin configuré et la rubrique choisie il ne vous reste plus qu’à choisir les coordonnées de vos articles.

N.B [1] : Pour que la carte apparaisse sur la rubrique il faut obligatoirement lui donner des coordonnées et un zoom. Et si dans votre branche vous avez d’autres sous-rubriques et que vous voulez qu’une carte apparaisse aussi vous devez aussi leurs donner des coordonnées et un zoom.

Le choix des coordonnées pour une rubrique dans la partie privée :

Choix des coordonnées pour une rubrique dans l'espace privé

Le choix des coordonnées pour un article dans la partie privée :

Choix des coordonnées pour un article dans l'espace privé

Pour cela il vous suffit de modifier vos page : rubrique et article dans votre squelette Soyez Créateurs. En y ajoutant ce code :

  • Pour la page rubrique :
  1. [<div id="carto">
  2. (#PLUGIN{GIS}|=={1}|oui)#INCLURE{fond=noisettes/rubriques/carto,id_rubrique}
  3. </div>]

Télécharger

Cela permet de vérifier si le plugin GIS est présent, et si oui on appelle (inclut) la page carto.html qui se trouve dans noisettes/rubriques/ et qui elle appellera le modèle gis dans des conditions biens précises (nous voulons que seule la rubrique choisit dans gis affiche la carte avec tous les article appartenant à elle même ou à une de ses sous-rubriques).

    • La page carto.html pour les rubriques :
  1. [(#REM) Page de modèle pour inclure la carte de Google Maps dans le squelette Soyez Créateurs. Pour afficher les points de tous les articles de la branche, il faut mettre une carte avec le facteur de zoom par défaut sur la rubrique qui doit afficher tous les points. ]
  2. <BOUCLE_AppelCarte(GIS){id_rubrique}{0,1}>
  3.         [(#MODELE{carte_gis}{id_rubrique}{type=carte}{recursive=1})]
  4. </BOUCLE_AppelCarte>

Télécharger

  • Pour la page article :
  1. [<div id="carto">
  2. (#PLUGIN{GIS}|=={1}|oui)#INCLURE{fond=noisettes/articles/carto,id_article}
  3. </div>]

Télécharger

Le principe est le même mais c’est le code qui change, et la page carto.html devra ce trouver dans noisettes/articles.

    • La page carto.html pour les articles :
  1. [(#REM) Page de modèle pour inclure la carte de Google Maps dans le squelette Soyez Createurs ]
  2. <BOUCLE_CartoPresente(GIS){id_article}{0,1}>
  3.         [(#MODELE{carte_gis}{id_article}{type=carte})]
  4. </BOUCLE_CartoPresente>

Télécharger

Il faut noter que dans le modèle on passe des instructions en dur comme type=carte vous pouvez retrouver toutes les instructions et leurs valeurs qui sont liées au plugins sur l’article gis escoitar.

Petite explication du code

Dans les pages noisettes/rubriques/carto.html et noisettes/articles/carto.html on voit apparaître ceci :

  • Dans noisettes/rubriques/carto.html :

La boucle GIS permet d’afficher la carte que sur les rubriques qui sont enregistrées dans la table gis et de ne pas afficher la carte sur les rubriques qui n’ont pas explicitement une carte attachée à la rubrique (ne tient absolument pas compte du fait qu’il y ait ou non des articles avec carte dans la branche).

  • Dans noisettes/articles/carto.html :

La boucle GIS ne permet d’afficher la carte que sur les articles qui se trouvent dans la table gis.

Résultat

Une fois ces modifications accomplies vous pourrait obtenir ceci :

  • Pour la rubrique de votre site :

La partie publique du site

  • Pour les articles de votre site :

La partie publique du site pour un article

Notes

[1Nota Bene

Dernière modification de cette page le 27 janvier 2010

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Passer un site SPIP sous https://

    23 février 2017 – 42 commentaires

    Comment migrer simplement votre site SPIP de http:// vers https:// Le protocole https:// devient de plus en plus courant : C’est mieux pour la vie privée de tous La plupart des grands sites l’a déjà adopté Certains navigateurs commencent à afficher (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 20 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • Grappes 1.0

    23 novembre 2012 – 36 commentaires

    Présentation et nouveautés Cette version 1.0 du plugin Grappes est un portage pour SPIP 3.x. Le plugin permet de grouper des objets de SPIP dans des grappes. Les objets du core (articles, rubriques, auteurs, etc.) sont pris en charge, ainsi que (...)

  • PHANTOM (HTML5UP)

    18 juillet – commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)