Tutoriels : créer une carte personnalisée avec uMap []

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== Tutoriels : créer une carte personnalisée avec uMap ======

[[http://umap.openstreetmap.fr/fr/|{{:umap.png?64 }}]] 
uMap est un logiciel permettant de réaliser des cartes interactives personnalisées. Avec **uMap** vous pouvez positionner vos contacts sur une carte, valoriser un territoire, préparer la logistique d'un évènement, raconter vos vacances, etc. Une carte uMap peut être intégrée à une page Web, comme la carte ci-dessous.

<html>
<iframe style="margin-left:80px;border:solid 1px;" width="80%" height="200px" frameBorder="0" src="//umap.openstreetmap.fr/en/map/cartocrise-culture-francaise-tu-te-meurs_26647?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=false&datalayersControl=false&onLoadPanel=none&captionBar=false#7/43.477/4.581"></iframe><br><br>
</html>

===== uMap : un logiciel libre et cloud =====

Umap est un logiciel libre, ou open source. Cela signifie que son code peut être utilisé, copié et modifié par tous. Le code source de umap est accessible sur ce [[https://github.com/umap-project/umap|dépôt Github]].

uMap est un logiciel "cloud" : il ne s'exécute pas sur votre ordinateur mais sur un serveur auquel vous accèdez par le réseau internet. Les cartes sont stockées sur ce serveur, elles sont créées et consultées en utilisant un navigateur Web.

L'association [[http://www.openstreetmap.fr|OpenStreetMap France]] héberge sur un de ses serveurs une //instance// du logiciel uMap : http://umap.openstreetmap.fr/. Vous pouvez l'utiliser gratuitement pour créer autant de cartes que vous voulez sans limitation de durée. [[http://framasoft.org/|Framasoft]] propose depuis décembre 2015 une instance uMap : [[https://framacarte.org/|Framacarte]].

  * Page wiki sur uMap (en anglais) : http://wiki.openstreetmap.org/wiki/UMap
  * Installation et configuration d'un serveur uMap : https://umap-project.readthedocs.io/

===== Exemples de cartes uMap =====

Voici une liste de cartes illustrant la variété des usages et la richesse des fonctionnalités de uMap :

^ Carte  ^ Remarques ^
| [[http://umap.openstreetmap.fr/en/map/cartocrise-culture-francaise-tu-te-meurs_26647|CartoCrise]] (extrait visible ci-dessus) | Carte des évènements culturels annulés, reprise par tous les grands médias |
| [[http://umap.openstreetmap.fr/en/map/desyracuse-syria-civil-war-21-april-2015_37133#7/34.339/39.749|La guerre civile en Syrie]] | Véritable travail de géographe pour documenter l'évolution de la guerre en Syrie |
| [[http://umap.openstreetmap.fr/fr/map/festival-des-3-continents_26381|Festival des 3 Continents]] | Intégration d'une vidéo et import dynamique des points de vélo-partage |
| [[http://u.osmfr.org/m/394540/|Place au Vélo Angers]] | Carte de travail : comparaison de données, inventaire des aménagements demandés et réalisés. |
| [[http://u.osmfr.org/m/196034/|CC Terres Touloises]] | Projet très complet pour valoriser un territoire, avec des cartes dans la carte ! |
| [[http://u.osmfr.org/m/172966/|Nantes piétonne]] | Valorisation de données OpenStreetMap au moyen de requêtes Overpass |
| [[http://umap.openstreetmap.fr/fr/map/le-velo-a-nantes_189194|Nantes à vélo]] | Affichage des données sous forme de carte de chaleur (ou de clusters) |
| [[http://umap.openstreetmap.fr/fr/map/rando-ski-au-maupas_31935|Ski de randonnée au Maupas]] | Fonction diaporama pour raconter ses vacances |
| [[http://u.osmfr.org/m/335526/|Autour des sons de cloches]] | Intégration de bandes sonores autour du patrimoine |
| [[http://u.osmfr.org/m/508473/ | Réserve Naturelle du Val d'Allier]] | Pictogrammes personnalisés |
| [[http://u.osmfr.org/m/600018/ | Salles de Cinéma associatives]] | Données importées depuis un tableur |
| [[http://umap.openstreetmap.fr/fr/search/?q=tour+de+france+2019|Tour de France 2019]] | Recherche parmi les cartes créées par d'autres utilisateurs |
| [[http://umap.openstreetmap.fr/fr/map/alternatiba-nantes-2015_30425 | Alternatiba Nantes 2015]] | Grand nombre de calques pour organiser la logistique d'un événement |
| [[http://u.osmfr.org/m/320357/|Vélib’ en temps réel]] | Publication de données provenant d'une requête Web|
| [[https://pays-de-la-loire.chambres-agriculture.fr/actualites/agenda/voir-nos-evenements-sur-une-carte/ | Événements de la chambre d'agriculture]] | Intégration de flux GeoRSS en couches de données |




===== Maîtriser uMap en 11 leçons =====

Nous vous proposons d'apprendre à utiliser uMap par une série de 12 tutoriels répartis en 3 niveaux – 2 restent à écrire...

==== Niveau débutant ====

[[umap:1 - Je consulte une carte umap]]\\
[[umap:2 - Je crée ma première carte umap]]\\
[[umap:3 - J'utilise un compte et crée une belle carte]]\\
[[umap:4 - Je modifie et personnalise ma carte]]

==== Niveau intermédiaire ====

[[umap:5 - Je crée des infobulles multimédia]]\\
[[umap:6 - Je structure ma carte avec des calques]]\\
[[umap:7 - Je publie ma carte et en contrôle l'accès]]\\
[[umap:8 - Le cas des polygones]] ou Comment réaliser un menu cartographique

==== Niveau avancé ====

[[umap:9_-_je_cree_une_carte_a_partir_dun_tableur|9 - Je crée une carte à partir d'un tableur]]\\
[[umap:10_-_j_integre_des_donnees_distantes|10 - J'intègre des données distantes]]\\
[[umap:11_-_je_valorise_les_donnees_openstreetmap_avec_umap|11 - Je valorise les données OpenStreetMap avec Overpass et uMap]]


<WRAP center round info 80%>
**[[http://cartocite.fr|Carto'Cité]]** propose plusieurs [[http://cartocite.fr/formations-openstreetmap/|formations professionnelles à OpenStreetMap]].\\
La **formation uMap** de deux jours permet de maîtriser ses nombreuses fonctionnalités.\\
Consultez notre [[http://cartocite.fr/formation-umap/|formation uMap]].
</WRAP>