====== La personnalisation de cartes sur fond OSM avec umap ====== ===== Introduction ===== [[http://umap.openstreetmap.fr/fr/|{{:umap.png?64 }}]] [[http://wiki.openstreetmap.org/wiki/UMap|UMap]] est un logiciel open source pour créer des carte personnalisées et les intégrer sur un site Web sans écrire de code. Il est développé par Yohan Boniface sur [[https://bitbucket.org/yohanboniface/umap|Bitbucket]] et déployé sur plusieurs serveurs. [[http://umap.openstreetmap.fr/fr/|L'instance umap]] déployée sur un serveur de l'association [[http://www.openstreetmap.fr|OpenStreetMap France]]. Au 26 Mai 2015 le compteur affiche 41238 cartes umap réalisées sur ce serveur. ===== Quelques cartes célèbres ===== Voici quelques exemples de cartes réalisées avec umap que vous avez peut-être déjà vues, car elles ont été relayées par plusieurs médias nationaux : * [[http://umap.openstreetmap.fr/en/map/cartocrise-culture-francaise-tu-te-meurs_26647|CartoCrise]], la carte des évènement culturels annulés pour raisons budgétaires * [[http://umap.openstreetmap.fr/en/map/bfmtv-les-rassemblements-en-soutien-a-charlie-hebd_25394|Je suis Charlie]] recense les manifestations des 10 et 11 janvier 2015 -- carte visualisée plus de 200 000 fois en 24 heures ===== Panorama des fonctionnalités umap en 10 cartes et autant d'usages ===== ^ ^ Usage ^ Carte ^ Fonctionnalités ^ |1| Documenter | [[http://umap.openstreetmap.fr/en/map/lile-de-france-en-bandes-dessinees_26576|L'Ile de France en Bandes Dessinées]] | 18 **fonds de carte** disponibles, popups avec images et liens hypertextes| |2| Relater un évènement | [[http://umap.openstreetmap.fr/fr/map/le-tour-de-france-2014-dans-le-nord-pas-de-calais_10531|Tour de France 2014]] | Données sur plusieurs **calques**, insertion d'**images et de vidéos** | |3| Communiquer et orienter | [[http://umap.openstreetmap.fr/fr/map/festival-des-3-continents_26381|Festival des 3 Continents]] | Présentation de la carte et **légende**, **import dynamique** des points de vélo-partage | |4| Organiser la logistique | [[http://umap.openstreetmap.fr/fr/map/alternatiba-nantes-2015_30425|Alternatiba Nantes 2015]] | **Création collaborative**, véritable outil de travail -- **définition des droits** de lecture et édition de la carte | |5| Tourisme | [[http://umap.openstreetmap.fr/fr/map/luoghi-e-personaggi-di-interesse-turistico_30043|Lieux d'intérêt touristique à Bologne]] | Import d'un **fichier CSV** et popups affichant son contenu, **pictogrammes personnalisés** | |6| Valoriser un territoire | [[http://umap.openstreetmap.fr/fr/map/patrimoine-de-nantes_22573|Patrimoine historique de Nantes]] | Mise en relief de **données OSM** exportées avec [[http://overpass-turbo.eu/|Overpass Turbo]] | |7| Analyser un territoire | [[http://umap.openstreetmap.fr/fr/map/nantes-a-velo_26382|Nantes à vélo]] | Affichage des données sous forme de **HeatMap** ou de **Cluster**, définition d'un zoom min/max pour un calque | |8| Simuler un scénario | [[http://umap.openstreetmap.fr/fr/map/amenagement-des-bords-loire-a-nantes_24994|Proposition d'aménagement des bords de Loire]] | Fond de carte personnalisé | |9| Développement économique | [[http://www.josselin-communaute.fr/Vie-economique/Parcs-d-Activites|Parcs d'activités de Josselin]] | Cartes intégrées en **iframe**, liens vers une page ... ou une autre carte | |10| Raconter un histoire | [[http://umap.openstreetmap.fr/fr/map/rando-ski-au-maupas_31935|Ski de randonnée au Maupas]] | Fonction **diaporama** | ===== Autres cartes remarquables ===== * [[https://umap.openstreetmap.fr/de/map/arriving-in-berlin-a-map-made-by-refugees-english-_42855|Arriving in Berlin]] est une carte réalisée par et pour les réfugiés à Berlin, disponible en anglais, arabe et farsi * [[http://umap.openstreetmap.fr/en/map/desyracuse-syria-civil-war-21-april-2015_37133|La guerre civile en Syrie]], série de cartes réalisées par @deSyracuse montrant l'évolution du conflit syrien * [[http://umap.openstreetmap.fr/fr/map/lanimal-insolite-du-jour-a-nantes_60998#|L'animal insolite du jour à Nantes]] (Presse-Océan) * [[http://umap.openstreetmap.fr/fr/map/hemicycle-idf_70859|L'assemblée régionale d'Ile-de-France]] ou uMap au service de la cartographie politique * [[http://umap.openstreetmap.fr/fr/map/plan-cadastral-canton-de-bourgneuf-1851_54172|Plan cadastral de Bourgneuf (1851)]] : fond de carte ancien géoréférencé et tuilé avec MapWarper