Sites Web : SoyezCreateurs - SPIP-Contrib

Publié le lundi 3 mai 2010

⇒ https://contrib.spip.net/SoyezCreateurs-1237?tri_articles=titre

La documentation sur le squelette SoyezCreateurs disponible sur la zone. Un squelette conforme aux bonnes pratiques en matière d’accessibilité, (…)

Intégration de la cartographie avec GIS dans SoyezCreateurs

Janvier 2010, par Augier Guillaume, RealET

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. [
  2. (#PLUGINGIS|==1|oui)#INCLUREfond=noisettes/rubriques/carto,id_rubrique
  3. ]

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. (GIS)id_rubrique0,1>
  3. [(#MODELEcarte_gisid_rubriquetype=carterecursive=1)]
  • Pour la page article :
  1. [
  2. (#PLUGINGIS|==1|oui)#INCLUREfond=noisettes/articles/carto,id_article
  3. ]

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. (GIS)id_article0,1>
  3. [(#MODELEcarte_gisid_articletype=carte)]

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


[1] Nota Bene

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 : 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 [->2150]. 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 : Le choix des coordonnées pour un article dans la partie privée : 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 : [

(#PLUGINGIS|==1|oui)#INCLUREfond=noisettes/rubriques/carto,id_rubrique

] 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 :

#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. ] [(#MODELEcarte_gisid_rubriquetype=carterecursive=1

-* Pour la page article : [

(#PLUGINGIS|==1|oui)#INCLUREfond=noisettes/articles/carto,id_article

] 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 :

#REM) Page de modèle pour inclure la carte de Google Maps dans le squelette Soyez Createurs ] [(#MODELEcarte_gisid_articletype=carte

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 ->article2150].

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 : -* Pour les articles de votre site :

→ Lire la suite sur le site d’origine…


Notes

[1Nota Bene

Revenir en haut