Encyclopedie des garrigues : CartoPartiNMMarguerittes

...

Joindre / Insérer un fichier

====Le mardi 5 juillet, Initiation à la valorisation des données à Marguerittes====

Rendez-vous à 14h00 à la [[https://www.openstreetmap.org/node/3808169884 Maison de la Garrigue et des Terroirs de l'Olivier]] à Marguerittes.
=====Comment valoriser les données issues d'Open Street Map ?=====
==Extraire des données avec Overpass Turbo==

Pour extraire des données de la base Open Street Map, nous utilisons l'outil : **[[https://overpass-turbo.eu/ Overpass Turbo]]**
Il permet de rechercher les données visibles (ou non visibles) sur la carte publique et de les exporter pour les exploiter dans vos propres cartes.

{{attach file="Clipboard02.jpg" desc="image Clipboard02.jpg (0.1MB)" size="original" class="center"}}

Par exemple, les capitelles que nous avons saisies lors des dernières formations se trouvent bien dans la base Open Street Map, mais ne sont pas visibles sur la carte publique. Grâce à Overpass Turbo, elles deviennent visibles ici en jaune.

{{attach file="Clipboard04.jpg" desc="image Clipboard04.jpg (0.1MB)" size="original" class="center"}}

Overpass utilise des requêtes pour récupérer les points d'intérêt que vous souhaitez cartographier. Ces requêtes nécessitent l'utilisation d'un langage bien spécifique. Pour faciliter cette écriture, il est possible d'utiliser un "assistant de recherche" : le **[[http://wiki.openstreetmap.org/wiki/FR:Overpass_turbo/Wizard Wizard]]**.

{{attach file="Clipboard06.jpg" desc="image Clipboard06.jpg (0.2MB)" size="original" class="center"}}

Le Wizard s'appuie sur les **taggs**, composés des **clés **et **valeurs **que vous avez saisi dans JOSM, les requêtes s'écrivent **"clé=valeur"**, elles peuvent être combinées avec les opérateurs logiques "and" et "or". 
Les noms de lieux peuvent aussi être utilisés pour effectuer la recherche avec l'opérateur **"in"**.

Vous pouvez vous aider du Wiki OSM [[http://wiki.openstreetmap.org/wiki/FR:%C3%89l%C3%A9ments_cartographiques Eléments cartographiques]] ou le [[http://wiki.openstreetmap.org/wiki/Garrigues#Glossaire_des_garrigues Glossaire des Garrigues]] pour connaître les clés et valeurs à utiliser.

L'intérêt d'Overpass turbo est que le résultat de votre recherche peut être exporté sous différents formats : geoJSON, GPX, KML... afin d'être utilisés dans vos propres cartes.

{{attach file="Clipboard08.jpg" desc="image Clipboard08.jpg (0.2MB)" size="original" class="center"}}

""<div class="well">""En savoir plus sur Overpass turbo avec le Wiki OSM :
http://wiki.openstreetmap.org/wiki/FR:Overpass_turbo
http://wiki.openstreetmap.org/wiki/FR:Overpass_turbo/Wizard
""</div>""

==Réaliser ses propres cartes sur internet avec UMap==

**[[http://umap.openstreetmap.fr/fr UMap]]** est un outil qui va vous permettre de réaliser des cartes internet basées sur Open Street Map.

{{attach file="Clipboard05.jpg" desc="image Clipboard05.jpg (70.5kB)" size="original" class="center"}}

En vous connectant, vous pourrez enregistrer sur votre compte une collection de cartes.
Si non, vous accédez à votre carte grâce à son URL.
UMap ne gère pas les comptes utilisateurs, vous pourrez vous connecter grâce à votre compte Open Street Map.

""<div class="well">""En savoir plus sur UMap sur le Wiki OSM :
http://wiki.openstreetmap.org/wiki/FR:UMap
http://wiki.openstreetmap.org/wiki/FR:UMap/Guide""</div>""

===Débuter avec Umap, créer sa première carte===
{{attach file="umap_edition.jpg" desc="image umap_edition.jpg (0.2MB)" size="original" class="center"}}

Pour découvrir l'interface et débuter avec Umap, les tutoriels Niveau débutant de [[http://cartocite.fr/ Carto'CITÉ]] sont très bien fait : 
http://wiki.cartocite.fr/doku.php?id=umap:tutoriel_umap

===Créer une carte interactive à partir d'Open Street Map===

Grâce à **[[https://overpass-turbo.eu/ Overpass Turbo]]** //(voir ci dessus)//, il est possible d'exporter des données issues d'OSM sous forme de requête. Cette requête peut être chargée dans UMap sous forme d'URL. Les données de la carte UMap seront alors mises à jour en même temps qu'OSM.

Si on reprend l'exemple des capitelles de Marguerittes, avec Overpass Turbo, rechercher avec le Wizard **"building:loc=capitelle in Marguerittes"**, exporter les données sous forme de requête **"Query"**, choisir la forme **compact**, une fenêtre s'ouvre, copier l'adresse du lien.

{{attach file="Clipboard10.jpg" desc="image Clipboard10.jpg (29.6kB)" size="original" class="center"}}

Dans **[[http://umap.openstreetmap.fr/fr UMap]]**, après avoir crée un calque "Capitelles", importez les données au format osm en renseignant l'URL :

{{attach file="importOverpass.jpg" desc="image importOverpass.jpg (0.2MB)" size="original" class="center"}}

Vous créez ainsi la carte des capitelles de Marguerittes dans UMap :

{{attach file="Clipboard13.jpg" desc="image Clipboard13.jpg (0.1MB)" size="original" class="center"}}

Cette carte sera mise à jour automatiquement lors de la création d'une nouvelle capitelle dans Open Street Map.

===Afficher la photo, le nom et la description des points dans Umap===

Lors de la saisie dans JOSM, nous avons rempli un champ "image=*" avec une URL renvoyant vers des photos du patrimoine, un champ "description=*" avec du texte présentant les points de patrimoine et un champ "name=*" dénommant le point. Ces informations peuvent apparaître dans la carte Umap.

{{attach file="Clipboard12.jpg" desc="image Clipboard12.jpg (0.2MB)" size="original" class="center"}}

%%# {name}
{description}
{{{image}}}%%

L'utilisation des {...} permet de faire apparaître dans la popup le contenu de n'importe quel champ : l'url, la source, la référence... du moment que cette information a été saisie dans Open Street Map.

{{attach file="rendu.jpg" desc="image rendu.jpg (0.1MB)" size="original" class="center"}}

===Personnaliser les symboles de sa carte===

Dans les tutoriels de [[http://wiki.cartocite.fr/doku.php?id=umap:tutoriel_umap Carto'CITÉ]] //(ci-dessus)//, on découvre comment personnaliser la symbologie de sa carte. Pour aller plus loin, il est possible d'ajouter ses propres symboles et représenter les capitelles de façon plus explicite :

{{attach file="La_Capitelle_20150507140444_20150507141704.png" desc="image La_Capitelle_20150507140444_20150507141704.png (5.3kB)" size="original" class="center"}}

Pour cela, les icônes que vous souhaitez utiliser doivent être stockées sur internet et avoir leur propre URL (comme les photos).
Il faut de nouveau éditer les propriétés du calque "Capitelles" et se rendre dans les **Propriétés avancées**.
Dans la partie **Symbole pour le marqueur**, cliquer sur **Ajouter un symbole** et choisir un symbole **Personnalisé**.

{{attach file="symbologie.jpg" desc="image symbologie.jpg (0.2MB)" size="original" class="center"}}

Vous obtenez la carte ainsi réalisée :
""<iframe width="100%" height="500px" frameBorder="0" src="http://umap.openstreetmap.fr/fr/map/les-capitelles-de-marguerittes_93111?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&datalayersControl=true&onLoadPanel=undefined&captionBar=false"></iframe><p><a href="http://umap.openstreetmap.fr/fr/map/les-capitelles-de-marguerittes_93111">Voir en plein écran</a></p>""

[[CartoParties Retour page Carto parties]]

Thème

Télécharger le fichier

Apparence de la page CartoPartiNMMarguerittes

Image de fond

Paramètres avancés