Géolocalisation

lundi 18 février 2013, par François L.

Plugin-SPIP-Geoportail

Géolocalisation avec la précision des cartes 1/25000ème du géoportail !
0°) Introduction
1°) ce qui marche. De, très simplement ...
2°) à, à peine plus compliqué.
3°) projets et problèmes

0°) Le plugin, utilisation , explication
Vous pouvez géolocaliser une rubrique (massif), un article, un album (photos), une photo, un document, une image, afficher une trace gpx, un kml, superposer une image (topo), etc.

1°) Une carte s’insère automatiquement si la rubrique est géotaguée en incluant les albums qui y sont liés.

Il n’y a donc dans ce cas rien à faire, ou ajouter des détails dans le champ geoportail de la rubrique, par exemple :

ajouter une trace, des points wpt , gpx ou kml : <doc136|geoportail|id_geoportail=0>
(facultatif : |couleur=Orange|largeur=2|style=dashdot couleur du circuit ...)
Si vous avez un gps, c’est une base bien pratique pour commencer ou améliorer un topo.
Pour exploiter cette trace, la convertir, etc. : gpsvisualizer.com, si vous avez un TomTom : ttmaps, ...

Superposer une image à la carte :<geoportail|image|id_document=Y|xmin=2.444775|ymin=48.92170| xmax=2.448227|ymax=48.92357> (un topo blocs par exemple, cf topo+géo R. aux sabots )

2°) Ssi une carte n’est pas automatiquement insérée

Pour insérer une carte,  : <geoportail0|lat=48.4702|lon=2.4406|zoom=16>
(centrer sur un article, une rubrique<geoportailX|centrer|id_objet=n>)
ajouter des rubriques, des articles :
<rub|geoportail|id_secteur ou rubrique =N><art|geoportail|id_secteur ou rubrique =N>

Pour ajouter une (des) photos(s)
- pour ajouter une photo précise : : <imgX|geoportail>,
- pour ajouter les photos de l’article : <img|geoportail|id_geoportail=0|taille=20>

Pour ajouter une punaise, avec un popup
<geoportail0|punaise|image=TdeVotreChoix.png|titre=Du Popup |texte= Du Pop Up bla bla |lon=2.xxxx|lat=48.yyyy> , facultatif, un lien externe : url="http://bleaulib.org/biensur.html"|.
Avec TdeVotreChoix ∈ :
- Parking.png (P) , pk.png (p) ,
- Massif d’escalade , zone de blocs
- TBlanc.png , TCaramel.png , TJaune.png , TOrange.png , TVert , TBleu.png , TBleuCiel.png , TRouge.png , TRose.png , TViolet.png , TNoir
- VoieGrise.png , VoieEnfant.png , VoieCaramel.png, VoieJaune.png, VoieOrange.png, VoieBleu.png , VoieRouge.png, VoieBlanche.png, VoieNoire.png, VoieViolet.png, etc.

Pour ajouter un (des) article(s)
- pour ajouter une rubrique précise : <rubX|geoportail>. un article : <artX|geoportail>
- pour ajouter les sous-rubriques d’une rubrique ou d’un secteur N : <art|geoportail|id_rubrique=N|titre=De la couche>, les articles d’une rubrique ou d’un secteur N : <art|geoportail|id_secteur=N|titre=De la couche>
Si on a attribué un mot clé à la rubrique ou l’article c’est le logo du mot clé qui est attribué, sinon c’est la punaise par défaut, orange .

(Préciser système de coordonnées géodésique français, bientôt par défaut : <geoportail0|projectiongeodesique> je l’intégrerai qd j’aurai le temps)

Pour insérer une carte ET ajouter les articles
<geoportail0|articles|legende=2|id_secteur=4|lon=2.48|lat=48.383|zoom=11|height=800px>

Ces deux méthodes sont donc équivalentes à l’effet de grossissement prêt :
-  <geoportail0|articles|legende=2|id_secteur=4|lon=2.48|lat=48.383|zoom=11|height=800px>
-  <geoportail|lon=2.48|lat=48.383|zoom=11><art|geoportail|id_secteur=4>

Pour insérer une carte ET ajouter les photos, documents, images.
<geoportail0|documents|legende=1|lat=48.4702|lon=2.4406|zoom=16|height=800px|titre=voies>

Représentés par le logo du mot clé.
On a une seule couche. Dans certain cas il pourrait être intéressant d’en avoir plusieurs.
On a pas l’effet de grossissement du logo sélectionné, pour cela il faudrait faire ça.
Des logos à créer pour les différentes choses que nous voudrions géoréférencer.

Pour ajouter des photos géoréférencées : <fotos|geoportail|id_geoportail=0|titre=Photos voies>
Si on a attribué un mot clé à la photo c’est le logo du mot clé qui est attribué, sinon c’est la punaise par défaut, orange.
Il faudrait donc créer des logo pour les différentes choses que nous voulons géoréférencer.
Les textes des pop-up sont les descriptifs des photos géoréférencées.
Le ou les document(s) s’ajoute à la couche géoportail précédemment définies.

modifier la taille de la carte <geoportail| (...) |width=L px|height=H px>

etc.

On peut bien sur créer d’autres modèles .

2°) Maintenant les réflexions, projets et problèmes

- évidemment plutôt que de créer des modèles pour insérer ces raccourcis <geoportail ...> dans le texte mieux serait d’insérer le modèles directement dans le squelette car si on a géoréférencé des choses, ou inséré des gpx kml, dans un article alors c’est bien qu’on veut une carte et qu’ils apparaissent sur cette carte !
c’est donc partiellement fait, avec les albums. avec le reste Kiki va essayer de voir ça ...

- Pour les documents, photos insuffisamment précisément géotaguées, il serait bien de pouvoir les positionner par rapport aux autres photos déja positionnées ou par rapport à un waypoint gpx kml.

- les wpt waypoint d’un gpx sont représenté par un css styleperso.css
ce qui produit ceci pour un wpt inclu dans un gpx :
<image id="OpenLayers.Geometry.Point_1411" cx="568.065891555394" cy="314.7603927627206" r="1" x="566" y="313" width="4" height="4" href="url(http://blo.ouvaton.org/plugins/auto/geoportail/v2.0.1/img/punaise.png)" style="opacity: 1" fill="#ee9900" fill-opacity="1" stroke="rgb(0, 0, 255)" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" pointer-events="visiblePainted" cursor="pointer"></image>

href="url(http:// ... En + l’image en url ne s’affiche pas sur tous les navigateurs ...
pourquoi pas un petit cercle ou un triangle .svg ? de couleur au choix comme pour :

une trace gpx (orange mt sarrasin) :
<polyline id="OpenLayers.Geometry.LineString_1847" points="1039,41 506,767 1003,06 503,966 993,(.........),713 397,547" fill="none" stroke="Orange" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" pointer-events="visiblePainted" cursor="pointer"></polyline>

pour avoir un point orange correspondant à une photo avec mot clé orange :
<image id="OpenLayers.Geometry.Point_1499" cx="718.2173425777582" cy="318.85205668769777" r="1" x="714" y="315" width="8" height="8" href="IMG/moton4.png" style="opacity: 1" fill="#ee9900" fill-opacity="1" stroke="#ee9900" stroke-opacity="1" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" pointer-events="visiblePainted" cursor="pointer"></image>

- Album géotagué (plugin albumV2. qd plusieurs photos du même objet même géolocalisation donc albums ...) . Mediabox s’ouvre bien mais je n’ai pas les liens image suivante précédente, car http://contrib.spip.net/Plugin-SPIP...

- Il aurait été intéressant de pouvoir géoréférencer les rubriques également. Une rubrique contenant des articles, le popup sur la rubrique 3 Pignons, par exemple, présent à une certaine échelle, donnant les liens sur l’ensemble des massifs des 3Pi.
Pourquoi je ne l’ai pas fait ? :

- j’ai essayé d’employer "minz, maxz : plage d’affichage" pensant qu’en indiquant par exemple minz=16 "ce" n’étais plus affiché en-dessous de ce zoom. Mais il n’en est rien.
geoportail0|image|id_document=34|xmin=2.512798|ymin=48.373908| xmax=2.514384|ymax=48.375232|minz=16
Rp de jmv le développeur du plugin :
Normalement, c’est cela (j’utilise la fonction d’OpenLayers) mais il semble effectivement que cela ne marche pas exactement comme cela devrait...
(pourtant ça marche bien sur spip mashup ?

- Monstre projet : Pouvoir inclure, voire dessiner, modifier directement les topos sur la carte en .svg . Un exemple de ce qui est possible en la matière ici http://geotribu.


Voici dans ce qui suit d’autres pistes pour ce beau projet qui nous ont été fournies par l’ami Cyril contributeur dévellopeur de spip :

  • Mettre à disposition des visiteurs un formulaire dans la partie publique pour saisir un point géolocalisé (avec les articles ou les docs) en utilisant les balises #FORMULAIRE_... cf la doc officielle de SPIP sur l’utilisation des formulaires dans la partie publique du site : http://www.spip.net/fr_article3788.html#FORMULAIRE

Permettre à l’aide du formulaire de saisir des points en "direct-live" dans la forêt : un petit peu de javascript/jQuery devrait permettre de faire la récupération des coordonnées GPS pour remplir automatiquement les champs longitude/latitude de celui-ci : cf la doc http://www.alsacreations.com/tuto/lire/926-geolocalisation-geolocation-html5.html
Enfin en alternative de tout ça, un de mes copain spipeur a développé un ensemble SPIP + squelette + plugins prêt à l’utilisation pour réalisation d’un site participatif avec géoréférencement "d’objets" + photos : ça pourrait répondre quasiment à l’ensemble de vos besoins cf http://www.geodiversite.net/ (on doit pouvoir se créer un compte pour tester la saisie de points)
Pour ceux qui souhaitent découvrir un peu plus les possibilité de SPIP et contribuer au développement de ce site voici deux liens à consulter : le très indispensable "Programmer avec SPIP 3" http://programmer3.spip.net/ ou sa version "papier" : http://programmer3.spip.net/Le-livre.

Un message, un renseignement, une proposition, un commentaire ?

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

bLobLabla

Messages :

12 mars 2013, 09:49, par Franbois

http://wheelmap.org/ ; un site qui permet directement de voir des lieux OSM sur une carte et de les éditer (en l’occurence en indiquant la possibilité d’accès facile, compliqué ou impossible aux fauteuils roulants)

2012-2017 bLo | SPIPgéo, alum     , , , etc. | | Plan du site | Clubs | Contacts

Droit d'auteur, sauf mention contraire : licence Creative Commons BY-NC-SA !

ONF   FFME   FFCAM   FSGT   wikipedia