SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 229 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

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Adaptive Images

    15 novembre 2013 – 69 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

Ça spipe par là