À vélo avec la carto OSM

La cartographie libre creuse son sillon depuis de nombreuses années déjà. À l’instar de Wikipédia, l’autre grand projet collaboratif du Web dont le succès ne se dément pas, le projet OpenStreetMap (OSM), lancé quelques années après l’encyclopédie libre, est à l’origine de nombreuses applications.

À noter : cet article bénéficie désormais d’une version audio.
Merci à Sualtam, auteur de lectureaudio.fr pour cette contribution active.

L’article que vous allez lire en présente plusieurs avec une grande clarté et insiste en particulier sur la possibilité de les utiliser hors ligne. Parmi celles-ci, l’application Geovélo fait figure de fleuron français. Largement soutenue et promue par les collectivités locales, elle bénéficie d’une relativement importante couverture médiatique.

On peut toutefois s’interroger sur la manière dont ces collectivités appréhendent réellement le modèle des données libres et ouvertes sur lequel repose ce type d’applications. Car pour qu’elles rendent les services qu’on attend d’elles, il faut que les données cartographiques soient de bonne qualité et mises à jour régulièrement. C’est ce que rappelle Julien de Labaca dans « Le vélo a besoin de carto(s) ». Les collectivités locales françaises sont-elles contributrices au projet OSM ? Après tout, en tant que gestionnaires de voirie, leurs services sont les mieux placés pour collaborer efficacement à ce bien commun qu’est une cartographie libre.

Jeanne à vélo (son blog)

 


Republication de l’article original publié sur le blog de Damien Une famille à vélo, consacré au cyclotourisme en famille et riche en récits de voyages illustrés, en conseils et fiches pratiques…

Itinéraires 2.0

C’est bien beau de pédaler, mais il est aussi utile de savoir où on va. Tous les ordiphones ont une application de cartographie pré-installée, plus ou moins respectueuse de la vie privée, mais qui en général ne fonctionne pas hors-ligne (ou partiellement).

Je ne m’attarderai pas sur ces applications natives.

 

OpenStreetMap

Nous allons parler d’OpenStreetMap et de son écosystème. Pour ceux qui n’en ont jamais entendu parler voici ce qu’en dit Wikipédia :

OpenStreetMap (OSM) est un projet collaboratif de cartographie en ligne qui vise à constituer une base de données géographiques libre du monde (permettant par exemple de créer des cartes sous licence libre), en utilisant le système GPS et d’autres données libres.

Vous pouvez bien sûr consulter directement la carte OSM avec ses différents fonds de carte (dont certains sont dédiés au vélo). Les données étant sous licence libre, de nombreuses autres applications utilisent les données OSM. C’est très souvent le cas des applications de randonnée.

Des itinéraires vélo à découvrir dans les « couches » de carte OSM

OsmAnd

L’application OsmAnd repose sur les cartes OpenStreetMap. Elle est disponible sur Android et IOS. Le site est en anglais mais – rassurez vous – l ‘application est disponible en français. Voici quelques-unes de ses fonctionnalités :

  • calcul d’itinéraire et guidage avec différents profils (voiture, vélo, randonnée) ;
  • recherche de points d’intérêts (exemple l’épicerie la plus proche, avec les horaires d’ouverture) ;
  • enregistrement d’itinéraires ;
  • import d’itinéraires ;
  • ajouts de points favoris.

Copie d’écran OsmAnd

L’application profite de toute la richesse d’OpenStreetMap : cartes détaillées avec différents fonds de carte (routes, itinéraires cyclables, itinéraires de randonnée, courbes de niveau) et les points d’intérêts (commerces, gares, logements, hôpitaux…) L’application utilise aussi la base des points d’intérêt de Wikipédia.

Copie d’écran OsmAnd

Il s’agit d’une application open source qui ne vous obligera pas à créer un compte. Point important, elle fonctionne hors-connexion une fois qu’on a téléchargé les cartes (possibilité limitée à 7 cartes dans la version gratuite). Utile quand vous ne voulez pas exploser votre forfait à l’étranger, ou même autour de chez vous. C’est utile aussi pour économiser la batterie.

N’hésitez pas à prendre le temps de jouer avec les menus. Ils sont assez riches, on s’y perd un peu au début mais il y a tout un tas d’options intéressantes. On trouve des tutoriels assez bien faits sur Internet.

Waymarked Trails

Waymarked Trails présente les itinéraires de randonnée depuis l’échelon local jusqu’au niveau international, avec des cartes et des informations de OpenStreetMap ainsi qu’un profil d’altitude. Le site permet d’afficher les chemins de randonnée à pied, à vélo, à vtt, en rollers, à cheval et à ski.

Zoomer et cliquer sur un itinéraire pour voir le détail. Une fois l’itinéraire sélectionné, il est possible de l’exporter aux formats GPX et KML. Vous n’avez plus qu’à importer l’itinéraire dans votre application GPS préférée.

Les itinéraires touristiques classiques ne sont pas encore tous référencés sur OSM. Dans ce cas vous les trouvez généralement sur les sites internet dédiées aux itinéraires, ou encore sur les sites des offices du tourisme. Exemple l’Alsace à vélo.

Bien sûr, il existe des sites de partage avec des centaines d’itinéraires. Si ces bases sont très riches, elles contiennent essentiellement des tracés fournis par des utilisateurs individuels, qui ne correspondent pas forcément aux itinéraires officiels. C’est intéressant pour des sorties sportives, mais ça ne vous garantit pas de passer par des voies sécurisées ou à faible trafic. Mieux vaut étudier les itinéraires avant de les suivre la tête dans le guidon.

Open Camping Map

Sur le même principe que Waymarked Trails pour les itinéraires, Open Camping Map est une extraction de la base OSM qui présente les campings. Ceux-ci étant référencés sur OSM, c’est plutôt une application qui s’utilise pour avoir une vue dédiée aux campings lorsque vous préparez vos itinéraires.

BRouter

BRouter est un bon calculateur d’itinéraire à vélo open source, avec de nombreux profils (route, cyclotourisme, …). Il fonctionne soit en ligne avec possibilité d’exporter l’itinéraire créé, soit en tant qu’application Android qui peut s’utiliser avec OsmAnd, Locus-Maps ou OruxMaps.

Un itinéraire sur BRouter avec son profil

Exemple d’utilisation

Maintenant que nous avons tous les éléments, nous pouvons nous lancer dans la préparation d’un voyage à vélo.

  1. Téléchargement de la carte OSM de la région dans l’application OsmAnd ;
  2. Téléchargement de l’itinéraire vélo principal depuis Waymarked Trails ou autre source ;
  3. Création manuelle de nouveaux itinéraires sur B.Router (détours et autres variantes) ;
  4. Ajout de marques sur la carte (campings, châteaux, musées, piscines…) ;
  5. Import des différents fichiers GPX dans l’application OSM. L’application permet maintenant d’afficher tous les itinéraires et points d’intérêts, et de naviguer hors-ligne.

GéoVélo

photo ©Géovélo

GéoVélo est un calculateur d’itinéraire (site web et application) pour les villes françaises. L’application fonctionne hors-ligne une fois qu’on a téléchargé la carte de la ville. Le guidage est bien pensé avec un zoom automatique à chaque changement de direction. Petit bémol, on est obligé de créer un compte pour pouvoir mémoriser des lieux et des trajets.

[EDIT par Framasoft] Plusieurs commentaires ci-dessous mettent en garde contre cette application qui ouvre des connexions avec google-analytics.com, doubleclick.net, facebook.net et cdn-apple.com… entre autres]

Participer avec StreetComplete

À la différence des autres cartes, OpenStreetMap est entièrement créé par des gens comme vous, et chacun est libre de le modifier, le mettre à jour, le télécharger et l’utiliser. Vous pouvez donc participer vous aussi à la construction de cet outil communautaire.

Il n’est pas nécessaire d’avoir une licence en géographie ni d’être expert en informatique. Le moyen le plus simple pour commencer est sans doute l’application StreetComplete qui vous permet de contribuer au projet OpenStreetMap en effectuant des « quêtes ». L’application vous propose d’ajouter des informations manquantes sur des zones près de votre position. L’application est destinée aux utilisateurs qui ne connaissent rien aux systèmes de marquage OSM mais souhaitent tout de même contribuer à OpenStreetMap en explorant leur quartier ou d’autres lieux. Vous pouvez le présenter de façon ludique aux enfants, comme une chasse au trésor. Ceci leur apprend à se repérer sur une carte, à s’orienter, à trouver le nom d’une rue, les horaires d’un magasin.

N’hésitez pas à commenter cet article !




Solidarités numériques : le Libre se mobilise

Le Libre et ses acteurs et actrices, associatifs ou individuels, se mobilisent davantage encore dans les conditions compliquées si particulières du confinement.

Empruntons cette mise au point initiale à Pascal Gascoin, chargé de mission éducation-numérique aux Ceméa, notre allié dans l’Éducation populaire :

La situation de confinement que nous traversons nous oblige à repenser, à inventer nos modes de communication, nos façons de travailler pour continuer, malgré tout, à mener à bien nos projets, nos activités tout en gardant le lien, avec les bénévoles et les équipes de nos organisations, nos élèves et les accompagner au mieux.

Aux CEMEA, nous sommes choqués de recevoir quasi quotidiennement dans nos boîtes mails de soi-disant « guides de survie numérique en période de confinement », provenant souvent de « start-ups associatives » qui nous proposent pêle-mêle des solutions payantes, d’autres gratuites, sans jamais faire référence à la façon dont seront traitées nos données, ni faire la différence entre le service “gratuit” d’une multinationale et celui volontairement éthique et fraternel d’une association.

Donc essayons de « dégoogliser le confinement ». Voici quelques-unes des initiatives récentes du numérique libre pour aider à franchir ensemble les semaines houleuses de la crise sanitaire.

Nous allons forcément en oublier, mais vous pouvez nous faire signe pour que nous puissions compléter et mettre à jour la liste ci-dessous.

C’est parti pour une recension rapide sans souci hiérarchique particulier.

C’est où/c’est ouvert ?

Sur ce site https://www.caresteouvert.fr vous pouvez savoir sur une carte (openStreetMap, la cartographie libre et collaborative qui fait la nique à googlemaps) quels sont les services « encore ouverts », ça peut être utile. Et c’est également collaboratif : signalez vous aussi les ouvertures/fermetures de lieux utiles en période de confinement.

Dépannons avec des panneaux

copie d’écran exemple d’affiche généréeLe site http://revolf.free.fr/local-pad-sign/# permet d’imprimer facilement des affiches et panneaux d’affichage avec des informations utiles pour vos voisins de balcon, de hall d’immeuble, de zone pavillonnaire, dans la rue sur le trajet du ravitaillement etc. Vous pourrez inclure automatiquement un QR code et l’adresse d’un pad dans votre affiche.

Enseignant⋅e⋅s dans l’urgence

logo de l’asso solidaire scenariL’association Scenari qui milite pour les usages de la chaîne éditoriale du même nom, vous propose une opération spéciale.
Que vous permet Scenari ? De pouvoir publier vos cours facilement avec une chaîne éditoriale : vous rédigez une seule fois pour publier sous de multiples formats, et vous n’aurez qu’un seul document à modifier /mettre à jour.
N’ayez pas peur de l’apprentissage d’un nouvel outil numérique, vous aurez l’appui et le soutien d’une personne de l’association : parrainage pour rédiger des cours, couplage avec Canoprof pour le primaire et le secondaire, parrainage d’apprentissage de la plate-forme. Accès offert à l’hébergement et à la mise en ligne des contenus que vous aurez produits (services en temps normal réservés aux adhérents de l’association)

 

logo des Zourits (pieuvre souriante)Des Zourits pour l’école
les CEMEA proposent l’accès gratuit à de nombreuses ressources libres pour l’école adresses mail, audioconférences avec jitsi, etc. mais aussi un accompagnement pour les enseignant⋅e⋅s etc. Tout cela est expliqué sur cette page.
2 plaquettes informatives et pour les contacter (liens directs vers .pdf) :
pour les écoles
pour les petites assos

Urgences numériques

Vous faites partie des acteurs locaux stratégiques : un support et dépannage numérique vous est proposé par un collectif de plus de 200 personnes bénévoles, professionnelles des technologies d’information, qui peuvent vous aider à faire face à vos urgences : pharmacies, cabinets médicaux, mairies, établissements scolaires, commerces d’alimentation, associations, indépendants. Vous pouvez donc demander de l’aide mais aussi participer pour en fournir à votre tour (c’est ça l’esprit Contributopia, hein)…

Le Big Boinc

Boinc, c’est le calcul collaboratif pour la recherche médicale, nous signale Tikayn. Votre ordinateur ou votre ordiphone s’ennuient avec leurs puissantes capacités généralement en sommeil ? Contribuez par leur puissance de calcul à la recherche médicale, comme le font déjà plus de 4 millions de personnes.

proposition sur Mastodon : contribuer avec vos appareils numériques à la recherche médicale

Github spécial Covid

Bastien recense sur ce Gthub les ressources libres et open source d’info et solidarité autour de la pandémie :

https://github.com/bzg/covid19-floss-initatives/blob/master/index.org

Insolite

Même les Balkany veulent contribuer ! (ah non zut ils ne sont pas libres)

Et du côté de Framasoft ?

JCFrog et l’interface de jitsi meet

  • Nous avons renforcé les capacités des serveurs et de l’infrastructure de Framatalk et Framapad qui peuvent donc à nouveau accueillir les besoins de communication des particuliers et associations qui doivent se joindre. Non, les enseignants qui souhaitent faire une visioconférence pour des classes de 35 ne sont pas les destinataires prioritaires de ces outils, pour des raisons compréhensibles de tenue de charge. Ces services peuvent être utilisés par des personnes qui, souvent, n’ont pas d’autres moyens (dont des malades isolé·es de leur famille). Prenez soin de ne pas monopoliser cette ressource afin qu’elle reste partagée.
  • https://rdv-medecins.framasoft.org/login est un outil libre de prise de rendez-vous médicaux à destination du personnel médical exclusivement. Vous avez un bout de serveur ? Vous pouvez héberger le même outil (Nextcloud + ses applications « rendez-vous » et « calendar ») pour le mettre à disposition de votre médecin. Et voilà la documentation utilisateur/trice !
  • Vous avez hélas ou tant mieux davantage de temps libre ? Profitez-en pour vous former en ligne aux arcanes du numérique : c’est parti pour Librecours Voir l’article du framablog qui vous explique tout. Les inscriptions sont ouvertes par ici

 

à suivre …

 

 




À la rencontre des géographes libres

Le logiciel libre a un important rôle à jouer dans la manipulation de données géographiques, qui doivent impérativement rester un bien commun. À l’occasion d’un rassemblement des acteurs de ce milieu, nous avons demandé à en savoir plus.

Avertissement : c’est pointu
Avertissement : c’est pointu

 

Salut Étienne. Tu es le président de l’association OSGeo-fr qui selon son site « est la représentation Francophone de la fondation Open Source Geospatial dont la mission est d’aider et de promouvoir le développement collaboratif des données et des technologies géospatiales ouvertes. »

J’ai rien compris. C’est quoi, le géospatial ?

Alors le Géospatial, ça ressemble un peu à un pléonasme, Géo pour géographique et spatiale pour l’espace. Bon en ce qui nous concerne, le géospatial renvoie au Système d’information géographique (SIG ou encore GIS en anglais). Les SIG sont à considérer comme une architecture, un système, informatique pour stocker et traiter des données géographiques.

L’OSGeo-fr est une association française qui est née il y a 10 ans pour donner de la visibilité aux logiciels libres en géographie (géomatique). Le fr c’est parce que nous sommes le « chapitre » (comme les loges maçonniques :-)) français d’une fondation internationale : http://www.osgeo.org/.

Logo OSgeo fr
Logo OSgeo fr

Parmi nos actions, nous organisons le FOSS4G-fr tous les deux ans à Paris en partenariat avec l’ENSG, des rencontres utilisateurs Qgis tout les ans à Montpellier avec les étudiants du Master AgroTIC, des semaines de traduction des interfaces et de la documentation pour les logiciels incubés par l’OSGeo. Cette année nous avons également soutenu un CodeSprint de l’OSGeo à Paris en début d’année.

Notre objectif vise à rassembler et dynamiser la communauté des développeurs et des utilisateurs francophone. La première édition du FOSS4G-fr a eu lieu en 2014 sur 3 jours à l’ENSG de Marne-la-Vallée, et a rassemblé 250 personnes.

FOSSAG 2014
FOSSAG 2014

 

Nous relancerons la machine pour 2016.

C’est toujours pas super clair.

Nous, à l’OSGeo, ce qui nous occupe, nous intéresse et nous passionne, ce sont tous les outils qui permettent de construire des cartes. Les contributeurs d’OpenStreetMap le savent, avant d’aboutir à une carte comme la Top25 de l’IGN ou à la carte OSM, un travail de sélection et de mise en forme de l’information doit être fait. On peut identifier plusieurs phases dans le processus et pour chaque phase, il existe une constellation de logiciels libres pour aider l’Homme dans cette tâche.

La création de données : comme dans OSM, on part bien souvent de photos aériennes, et on peut numériser à la main les différentes formes qu’on observe. Eh bien il existe d’autres méthodes qui consistent à faire construire ces formes par l’ordinateur. On pourra par exemple parler de GRASS-GIS, orfeo-toolbox ou encore R avec certains packages. L’évolution des capteurs d’acquisition de données (photos multi-band, infrarouge, LIDAR, etc.) ouvre régulièrement de nouvelles applications et de nouvelles possibilités dans le traitement de la donnée spatiale.

Donc pour revenir à la question, les technologies géospatiales manipulent des données dont l’objet est l’espace, sa représentation et sa modélisation.

Pourquoi le fait de travailler avec des logiciels libres est-il si important ? Que se passerait-il si la discipline était noyautée par les GAFAM ? Par l’Oncle Sam ?

Quand on parle de logiciel libre personnellement je pense immédiatement à des questions de justice sociale et justice spatiale (ben oui :-p). La cartographie est initialement un outil mobilisé pour la conquête. Qu’on pense au militaire ou au navigateur, leurs objectifs étaient de prendre possession de l’espace. Quand j’ai commencé à travailler avec des outils géomatiques, le libre existait bien sûr, mais il n’avait pas le droit de cité dans ma formation. Et je me suis retrouvé en stage dans une structure qui n’avait pas les moyens de se doter de logiciels « métier ».

Le logiciel libre a été un moyen de s’émanciper de cette contrainte et de permettre à la structure en question de pouvoir continuer à utiliser mon travail. Aujourd’hui les choses ont beaucoup changé, en grande partie grâce à Qgis qui a complètement redistribué les cartes (haha). De plus en plus de formations proposent des cours sur Qgis en plus des outils plus « traditionnels », et le dynamisme de la communauté des utilisateurs et des développeurs y est pour beaucoup !

Le web n’est pas à la traîne, openLayer est une librairie JavaScript incontournable, postgreSQL et PostGIS pour le stockage en base de données se sont largement imposés, etc . Donc pour moi les logiciels libres de l’OSGeo répondent bien aux questions de justice sociale en permettant à tous d’avoir accès à des logiciels et des algorithmes de qualité, ce qui nous conduit à la justice spatiale… il n’y a plus de contraintes à ce que la terre soit cartographiée par les gens qui la vivent !

Pour ce qui en est de l’oncle Sam… eh bien GRASS-GIS par exemple à été développé au départ par l’armée américaine et donné à la communauté.  Pour les GAFAM, ils restent ambigus non ? Google pour ne citer que lui a largement contribué à diffuser la cartographie sur Internet. Mais bien sûr la licence d’utilisation n’est pas acceptable ! On ne pourra pas non plus identifier combien de développements ont été permis grâce au Google Summer Of Code… Bon je parle beaucoup de Google… Peut-être que les autres sont moins ambigus ! :-p

Les données sont donc libres aussi (opendata) ?

Bien sûr, on parle aussi d’OpenData en géomatique ! La première source à laquelle on pense est bien sûr Openstreetmap et sa communauté qui font un travail formidable, aussi bien en ce qui concerne la numérisation de données que l’alignement avec d’autres référentiels. En France, par exemple, je ne sais pas si vous avez suivi, mais le projet Bano est assez exemplaire. L’idée repose sur une convention entre  l’IGN, le Groupe La Poste, l’État et OpenStreetMap France pour proposer la BAN (Base Adresse Nationale), qui sera la base de données adresse de référence en France.

Mais pour les gens qui veulent traiter d’autres données on trouve beaucoup d’autres sources sur internet : STRM, ASTER

Vous avez l’air très dynamiques : deux réunions en France en mai, une autre à Bonn en août. Vous avez beaucoup de choses à vous dire ou c’est pour manger des petits fours entre copains ?

Du dynamisme ! Oui oui on fait ce qu’on peut. 🙂

La communauté Osgeo-fr est nationale il faut donc arriver à créer des événements conviviaux pour que l’investissement en temps soit agréable ! Pour les francophones il y a donc cette année trois rendez-vous. Le premier est déjà passé et s’est déroulé à Montpellier en partenariat avec le Master AgroTIC de SupAgro. Ce rassemblement était dédié à Qgis et plutôt orienté utilisateurs et retour d’expérience.

Le second aussi est passé, il s’adressait plutôt aux développeurs : il s’agissait d’un code Sprint organisé à Paris en début d’année. L’objectif est de rassembler pendant un certain temps des développeurs pour avancer de concert au développement de nouvelles fonctionnalités et à la correction de bugs.

Enfin l’événement à venir, j’en ai déjà touché deux mots en introduction, est une rencontre plus large orientée tout à la fois développeurs et utilisateurs avec deux sessions parallèles. Le programme est sorti et il est incroyablement intéressant avec 10 workshops et 41 conférences en 3 jours. De quoi mettre le pied à l’étrier si vous êtes intéressés par les technologies géospatiales !

Nous organisons également des événements en ligne comme une semaine de traduction. À ce moment là, les personnes motivées se retrouvent dans des salons IRC pour avancer là aussi de manière concertée sur la traduction des interfaces et de la documentation pour permettre au plus grand nombre d’utiliser les logiciels.

Quel est l’avenir de la discipline ?

La prospective est toujours un exercice difficile parce qu’on passe toujours à côté de quelque chose ! Aujourd’hui si je réfléchis un peu aux évolutions depuis notre dernière édition du FOSS4G-fr : les technologies webSIG semblent se stabiliser après la sortie d’OpenLayers 3, on gère bien les données grâce des SGBD toujours plus performants, les web-services WMS, WFS, WPS, s’ils sont toujours en ébullition, sont déjà utilisables par la communauté.

La gestion de données 3D en base de données avait fait l’objet de plusieurs ateliers et présentations l’année dernière. Il semble que cette année le logiciel libre en géomatique et le géospatial s’investissent largement dans le traitement de données issues de drones, ce qui bien sûr remettra sous les spotlights le stockage.

Dans un autre domaine, la gestion des métadonnées géographiques reste également une question brûlante surtout avec l’émergence des organismes de diffusion de données de géographie produites par les territoires.

Pour conclure, le spatial prend de plus en plus d’espace dans les préoccupations, ce qui conduira de plus en plus de gens à migrer vers des outils open source ou libres pour reprendre la main sur ces données. Pour preuve un certain nombre de présentations au FOSS4G-fr de cette année sont des retours d’expérience de migration, de financement, par des entreprises, des associations ou des services de l’État vers le logiciel libre en géographie.

Est-ce que le grand public peut vous aider ? Ça a l’air d’un nid d’universitaires super-pointus, votre bidule…

Des universitaires ? Pas tant que ça 🙂 ! Pour le grand public, il me semble que si la question ne se pose pas encore pour tout le monde, nous allons vers une généralisation de l’utilisation des données géographiques. Quand le besoin se fait sentir, les solutions émergent. Aujourd’hui s’il est vrai que certaines solutions nécessitent quelques compétences, d’autres comme Qgis, gvSIG ou OpenJump pour n’en citer que trois sont à la portée du plus grand nombre.

Par ailleurs si vous voulez essayer toutes les saveurs des outils Osgeo, vous pouvez télécharger le live DVD traduit par la communauté.

OSgeo live
OSgeo live

C’est sans doute un bon moyen d’explorer les solutions simples comme les architectures plus compliquées sans complexe ni découragement. Si cela pique votre curiosité n’hésitez pas à venir rencontrer d’autres utilisateurs et développeurs au FOSS4G-fr, aux rencontres Qgis, ou au GeoCamp organisés dans différentes villes de France. Des moments de partage et de convivialité après lesquels tous les participants ressortent plus riches.

Pour en voir plus, une vidéo sur l’impressionnant plugin Cadastre

 

http://www.osgeo.asso.fr/




Comment modifier et personnaliser sa Framacarte ? (Tutos uMap 4/4)

Juste avant Noël, nous vous présentions Framacartes, un service de création de cartes personnalisées pour vos sites web, communautés, randos, chasses au trésor… Framacartes est basé sur le logiciel Umap, qui permet d’ajouter des points, tracés et polygones sur les fonds de cartes d’OpenStreetMap.

C’est alors qu’Antoine Riche, ingénieur informatique, Contributeur et Formateur OpenStreetmap, nous a contactés pour nous présenter sa série de tutoriels (libres, eux aussi) pour apprendre à maîtriser uMap (et donc Framacartes) à toute la famille Dupuis-Morizeau.

C’est avec son autorisation (et de chaleureux remerciements) que nous reproduirons sur le framablog les quatre premiers tutos (le niveau « débutant ») afin d’en faire profiter le plus grand nombre.

Nous avons commencé par nous familiariser avec uMap pour profiter pleinement d’une Framacarte

Puis, nous avons vu comment créer sa première Framacarte

Ensuite, nous avons créé un compte afin de faire de bien jolies cartes et de ne pas les perdre !

Cette semaine et pour finir cette série de tutoriels, apprenons comment personnaliser ses Framacartes.

Je modifie et personnalise ma carte

Ce que nous allons apprendre

  • Gérer son catalogue de cartes
  • Choisir un fond de carte
  • Sélectionner les options d’interface

Procédons par étapes

1. Retrouver une carte

Vous souhaitez modifier une carte pour l’améliorer ou la mettre à jour. Si vous avez redémarré votre navigateur et à fortiori votre ordinateur, la première chose à faire est de retrouver la carte ! Si vous avez créé cette carte avec votre compte comme nous l’avons vu dans le tutoriel J’utilise un compte et crée une belle carte), afficher une de vos cartes se fait en trois opérations simples :

  1. connectez-vous à votre compte umap
  2. affichez votre catalogue de cartes
  3. cliquez sur le nom de la carte, affiché sous l’aperçu de la carte

umap_edit2La carte s’affiche alors en mode consultation. Cliquez sur le crayon en haut à droite de la carte pour passer en mode édition : vous pouvez dès lors modifier la carte. N’oubliez pas de sauvegarder la carte une fois les modifications terminées.

Il peut être fastidieux de passer du mode édition au mode consultation et vice-versa de façon répétée. Une astuce consiste à utiliser pour la même carte deux onglets ou deux navigateurs, l’un en mode édition l’autre en mode consultation. Vous devez tout de même enregistrer la carte dans l’onglet en mode édition avant de l’actualiser (par exemple avec la touche F5) dans l’onglet en mode consultation.

umap_homeVous pouvez retourner à votre catalogue de cartes à tout moment en cliquant sur le pictogramme Retourner à l'accueil dans le menu du bouton Plus à gauche de la carte.

2. Changer le fond de carte

Nous avons vu dans le tutoriel Je consulte une carte uMap que plusieurs fonds de carte sont disponibles dans umap. Lorsque vous éditez une carte vous pouvez choisir le fond de carte qui sera utilisé à l’affichage de la carte.

umap_layersCliquez sur le pictogramme Changer le fond de carte : un panneau à droite montre une vingtaine de fonds de cartes. Il vous suffit de cliquer sur l’un d’eux : faites votre choix et n’oubliez pas d’enregistrer la modification.

Le choix du fond de carte est une affaire de goût. Le contexte de la carte peut vous aider à en choisir un plutôt qu’un autre, par exemple :

  • les fonds Outdoors, Landscape ou OpenTopoMap montrent le relief : judicieux pour une carte de randonnée
  • OpenCycleMap montre les grands itinéraires cyclistes, comme les EuroVélo (Côte Atlantique, Loire à Vélo…)
  • Positron, Toner et OSM-Monochrome sont en noir et blanc : vos marqueurs, lignes et polygones seront plus visibles
  • le style HOTOSM, créé par le groupe humanitaire d’OpenStreetMap, permet d’aller jusqu’à un niveau de zoom élevé (niveau 20) : intéressant si l’étendue de votre carte couvre un quartier ou votre jardin

Tous les fonds de carte utilisés par umap, à l’exception des images aériennes de l’IGN, sont réalisées à partir des données OpenStreetMap. Ils sont produits par des associations, des entreprises ou des bénévoles qui les mettent gracieusement à disposition.

Remarquez le texte affiché en bas à droite de la carte : il crédite les auteurs du fond de carte, par exemple Map tiles by Stamen Design - Map Data © OpenStreetMap contributors.

3. Choisir les options d’interface

Vous pouvez configurer les éléments de la carte mis à disposition des utilisateurs qui consulteront votre carte. Vous pouvez par exemple ajouter une mini-carte de situation ou une barre de légende.

umap_parametersPour cela, ouvrez dans le menu Éditer les paramètres l’onglet Options d’interfaces. Vous pouvez activer ou désactiver une dizaine d’options dont voici la signification.

options_interface

Quelques remarques :

  • si vous cachez le bouton Plus, les utilisateurs de la carte ne pourrant ni la partager ni changer le fond de carte
  • si vous cachez les boutons de zoom et désactivez le zoom avec la molette de la souris, les utilisateurs ne pourront ni zoomer ni dézoomer … sauf à découvrir le menu accessible avec un clic droit sur la carte.
  • les boutons de navigation en bas des popups permettent de faire défiler les éléments de la carte

Lorsque la mini-carte de situation est affichée, l’opération Changer le fond de carte modifie le fond de celle-ci. Vous devez désactiver la mini-carte pour changer le fond de la carte principale.

umap_shareNotez que ces options – et quelques autres – sont également disponibles en Options d’export de l’iframe du menu Exporter et partager carte, où elles permettent de contrôler les mêmes options d’interface lorsque la carte est intégrée dans une page Web.

4. Copier ou supprimer une carte

Tout en bas des Propriétés de la cartes, l’onglet Options avancées propose deux opérations peu utilisées mais qu’il est bon de connaître :

  • Supprimer supprime la carte du serveur umap, ainsi que les données qui y sont associées !
  • Cloner cette carte effectue une copie de la carte et de ses données. La nouvelle carte est ajoutée à votre catalogue.

Dans les deux cas un message vous demande de confirmer l’opération.

Faisons le point

Ce tutoriel nous mène à la fin du niveau débutant. Vous savez créer, modifier et personnaliser une carte. Vous savez styliser vos marqueurs, lignes et polygones. Enfin vous savez gérer votre catalogue de cartes.

Une fois ces opérations maîtrisées, les tutoriels de niveau intermédiaire vous apprendront à structurer vos cartes avec des calques et enrichir le contenu de vos popups. Vous découvrirez également comment coproduire une carte et créer un diaporama géolocalisé.

Ces tutoriels, en cours de rédaction par Antoine Riche, ne seront pas reproduits sur le Framablog, mais il seront disponibles sur le wiki de Cartocité.

L’équipe du Framablog tient encore à chaleureusement remercier Antoine pour son travail sur ces tutos et sa sympathie 😉

Liens utiles :




Comment créer une belle Framacarte avec un compte ? (Tutos uMap 3/4)

Juste avant Noël, nous vous présentions Framacartes, un service de création de cartes personnalisées pour vos sites web, communautés, randos, chasses au trésor… Framacartes est basé sur le logiciel Umap, qui permet d’ajouter des points, tracés et polygones sur les fonds de cartes d’OpenStreetMap.

C’est alors qu’Antoine Riche, ingénieur informatique, Contributeur et Formateur OpenStreetmap, nous a contactés pour nous présenter sa série de tutoriels (libres, eux aussi) pour apprendre à maîtriser uMap (et donc Framacartes) à toute la famille Dupuis-Morizeau.

C’est avec son autorisation (et de chaleureux remerciements) que nous reproduirons sur le framablog les quatre premiers tutos (le niveau « débutant ») afin d’en faire profiter le plus grand nombre.

Nous avons commencé par nous familiariser avec uMap pour profiter pleinement d’une Framacarte

Puis, nous avons vu comment créer sa première Framacarte

Cette semaine, créons un compte afin de faire de bien jolies cartes et de ne pas les perdre !

J’utilise un compte et crée une belle carte

Ce que nous allons apprendre

  • Utiliser un compte pour retrouver ses cartes
  • Changer la forme, la couleur et le pictogramme d’un marqueur
  • Créer et modifier une ligne ou un polygone

Procédons par étapes

Nous avons appris dans le tutoriel précédent comment créer une carte anonyme contenant un marqueur. Nous allons à présent créer une carte plus complète : la carte de nos vacances au Camping de la plage Goulien sur la Presqu’île de Crozon en Bretagne.

Au lieu de créer une carte anonyme, nous allons utiliser un compte pour créer cette carte.

1. Utiliser un compte

uMap permet d’associer ses cartes à un compte. Cela présente deux avantages importants par rapport à la création de cartes anonymes :

  • les cartes créées avec un compte constituent un catalogue permettant d’accéder facilement à ses cartes
  • on peut modifier chaque carte du catalogue sans avoir besoin de conserver un lien d’édition

Le logiciel umap ne gère pas directement de comptes utilisateurs : la gestion des comptes dépend de la configuration du logiciel. Sur https://framacarte.org, nous vous proposons d’utiliser un compte OpenStreetMap. Si vous n’avez pas de compte, c’est le moment de vous inscrire sur le site www.openstreetmap.org : cliquez Créer un compte dans le coin supérieur droit et suivez les instructions – une adresse mail vous sera demandée (plus d’infos).

framacarte connexion

Cliquez sur Connexion / Créer un compte puis sur le pictogramme correspondant au compte que vous souhaitez utiliser. Apparaît alors la page de connexion du site : saisissez le nom d’utilisateur et le mot de passe. La page suivante vous demande d’autoriser l’application uMap à utiliser ce compte : accordez cet accès. Vous retrouvez alors la page d’accueil de uMap, sur laquelle le lien de connexion a laissé la place à un lien Mes cartes vous permettant d’accéder à l’ensemble des cartes créées avec ce compte.

framacarte compte 3

Notez l’URL de la barre d’adresse quand vous consultez votre catalogue de cartes : celle-ci contient le nom de votre compte – par exemple https://framacarte.org/fr/user/PouhiouNoenaute/. Vous pouvez l’utiliser pour accéder à votre catalogue de cartes, même sans être connecté à votre compte : vous pouvez diffuser cette URL, les récipiendaires ne pourront pas modifier vos cartes.

Toutes les cartes que vous créez en étant connecté à votre compte sont ajoutées à votre catalogue.

2. Créer un joli marqueur

Commençons par créer une carte : donnons-lui un nom, définissons une emprise et ajoutons un marqueur à l’emplacement du camping. Nous avons vu dans le tutoriel précédent comment effectuer ces opérations.

umap_marqueur_props

Ce gros marqueur bleu n’est pas très explicite pour figurer un camping. Remédions à cela. Dans le panneau latéral visible lorsqu’un marqueur est sélectionné, le menu Propriétés avancées permet de modifier l’apparence du marqueur :

  • Couleur : cliquer sur Hériter permet de choisir une couleur.
  • Forme de l’icône : le choix Par défaut correspond au marqueur actuel, les autres choix sont Cercle, Goutte et Épingle.
  • Symbole pour le marqueur : cliquer sur Ajouter un symbole pour choisir parmi une centaine de pictogrammes. Notez que le symbole n’est affiché que pour les formes d’icônes Par défaut et Goutte.
  • Étiquette : choisir Oui permet d’afficher en permanence le nom associé au marqueur

Voici le marqueur obtenu avec les propriétés ci-contre :

umap_camping

Modifier un marqueur

Pour modifier un marqueur de la carte, deux possibilités s’offrent à vous :

  • un clic sur le marqueur affiche le panneau qui vous permet de modifier son nom et sa description
  • un glisser-déposer vous permet de déplacer le marqueur sur la carte

3. Créer une ligne

Le premier jour de vacances nous allons en kayak de mer jusqu’à la Pointe de Dinan à l’ouest de la plage de Goulien. Traçons l’itinéraire suivi.

umap_lineLe bouton Dessiner une ligne permet de tracer, point par point, une ligne constiutée de plusieurs segments. Cliquez à nouveau sur le dernier point tracé pour terminer la ligne : apparaît alors à droite un panneau permettant de donner un nom et une description à la ligne, comme pour les marqueurs.

Modifier une ligne

A tout moment vous pouvez sélectionner une ligne en double-cliquant dessus. Vous pouvez alors éditer ses propriétés dans le panneau latéral, ou modifier son tracé sur la carte :

  • supprimer un point de la ligne, matérialisé par un carré blanc, en cliquant dessus
  • déplacer un point par un glisser-déposer
  • insérer un point en cliquant sur un carré gris se trouvant au milieu de chaque segment
  • allonger la ligne avec un Ctrl-Clic lorsque le curseur est placé sur le premier ou dernier point
  • couper la ligne en deux : Clic droit sur un point puis choisir l’option Scinder la ligne

umap_ligne

Propriétés d’une ligne

umap_ligne_props
Les propriétés avancées d’une ligne permettent de définir sa couleur et d’autres paramètres définissant son style :

  • l’épaisseur est définie en nombre de pixels, sa valeur par défaut est 3 : saisir une valeur plus grande pour un trait plus large (qui sera plus facile à sélectionner).
  • l’opacité est un nombre entre 0 (transparent) et 1 (opaque), sa valeur par défaut est 0.5. Plus le trait est épais plus il peut être transparent.
  • la simplification du tracé définit la précision du tracé en nombre de pixels : le tracé s’adaptera au niveau de zoom. Il est en général inutile de modifier cette valeur pour un tracé réalisé à la main.
  • les pointillés sont définis par une série de chiffres séparés par des virgules : nombre de pixels affichés, nombre de pixels cachés, etc. L’épaisseur du trait doit être prise en compte : plus les traits sont épais plus les intervalles doivent être grands.

Voici le style de trait obtenu avec les propriétés ci-contre :

umap_ligne_tirets

4. Créer un polygone

Le second jour de vacances nous louons un dériveur et naviguons dans la zone définie par le club nautique. Ajoutons cette zone à la carte.

umap_polygonLe bouton Dessiner un polygone permet de tracer le périmètre d’un polygone point par point, et de le terminer en cliquant à nouveau sur le dernier point comme pour le tracé d’une ligne. Une différence toutefois : dès le troisième point l’intérieur du polygone est coloré.

Propriétés d’un polygone

La liste des propriétés d’un polygone est assez longue. On y retrouve les mêmes propriétés que pour les lignes (couleur, opacité, etc.) : celles-ci s’appliquent au périmètre du polygone. Plus bas nous trouvons des propriétés spécifiques aux polygones :

  • les options trait et remplissage permettent de ne pas afficher le périmètre ou l’intérieur du polygone : si aucun de ces deux éléments est affiché le polygone est invisible.
  • la couleur du remplissage est par défaut celle du trait, mais peut être modifiée.
  • l’opacité du remplissage varie de 0 à 1, elle peut être très légère pour un polygone.

Deux autres options propres aux polygones sont disponibles :

  • lien externe : spécifier une URL aura pour effet d’ouvrir le page Web correspondante lorsque l’utilisateur clique sur le polygone.
  • Cliquable : choisir la valeur non ne permettra pas à l’utilisateur de sélectionner le polygone, donc de voir son nom et sa description dans une popup. Cela peut être utile pour définir la zone d’intérêt de la carte, qui ne porte pas elle-même d’information utile.

Un polygone non-cliquable ne peut plus être sélectionné sur la carte même en mode édition. Il faut pour cela passer par l’opération Visualiser les données disponible dans le sélecteur de calque, puis éditer l’élément correspondant dans la liste des données.

Faisons le point

Notre deuxième carte est déjà plus intéressante que la première, et en plus nous savons comment la retrouver facilement. Nous verrons dans le prochain et dernier tuto comment personnaliser notre carte.

Liens utiles :




Comment créer sa première Framacarte ? (Tutos uMap 2/4)

Juste avant Noël, nous vous présentions Framacartes, un service de création de cartes personnalisées pour vos sites web, communautés, randos, chasses au trésor… Framacartes est basé sur le logiciel Umap, qui permet d’ajouter des points, tracés et polygones sur les fonds de cartes d’OpenStreetMap.

C’est alors qu’Antoine Riche, ingénieur informatique, Contributeur et Formateur OpenStreetmap, nous a contactés pour nous présenter sa série de tutoriels (libres, eux aussi) pour apprendre à maîtriser uMap (et donc Framacartes) à toute la famille Dupuis-Morizeau.

C’est avec son autorisation (et de chaleureux remerciements) que nous reproduirons sur le framablog les quatre premiers tutos (le niveau « débutant ») afin d’en faire profiter le plus grand nombre.

La semaine dernière nous nous sommes familiarisés avec uMap pour profiter pleinement d’une Framacarte

Cette semaine, voyons comment créer sa première Framacarte 😉

Je crée ma première carte uMap

Ce que nous allons apprendre

  • distinguer le mode édition du mode consultation
  • identifier les étapes nécessaires pour créer une carte
  • produire une première carte et la diffuser !

Procédons par étapes

L’objet de notre première carte est simple : positionner un ou plusieurs lieux (domicile, vacances, travail, etc.). Procédons par étapes.

1. Le mode édition

Rendez-vous sur le site https://framacarte.org et cliquez sur le bouton Créer une carte. Apparaît alors sur votre navigateur une carte qui se présente ainsi :

umap_edition

 

Nous retrouvons à gauche les boutons disponibles lors de la consultation d’une carte. Plusieurs éléments visibles au-dessus et à droite de la carte sont visibles uniquement lorsque l’on crée ou modifie une carte, c’est-à-dire dans le mode édition :

  • le nom de la carte en haut à gauche
  • les boutons Annuler et Enregistrer en haut à droite
  • à droite une série de 3 boutons permettant d’ajouter des éléments à la carte : marqueurs, lignes et polygones
  • en-dessous une série de 5 boutons permettant de configurer la carte

2. Nommer la carte

umap_parameters

umap_set_nameUne carte doit porter un nom qui renseigne sur ce que représente la carte. Pour définir le nom de la carte, cliquez sur le bouton Éditer les paramètres.

Un panneau apparaît sur la droite de la carte, il contient en haut un champ de saisie pour le nom de la carte, qui contient le texte Carte sans nom : placez le curseur dans ce champ, supprimez le texte existant et saisissez le nom de votre carte, par exemple Mon domicile.

Notez que le nom en haut à gauche de la carte est immédiatement modifié. Vous pouvez également saisir un texte plus long dans le champ description, qui apparaîtra dans le panneau de légende – nous y reviendrons.

Maintenant sauvegardez la carte avec le bouton Enregistrer : un texte en anglais est affiché en haut de la carte, comme celui ci-dessous.

umap_create_anonymous

Ce texte explique que vous venez de créer une carte anonyme et vous donne un lien (une URL) pour pouvoir modifier la carte. En effet la carte que vous avez créée n’est associée à aucun compte, et uMap considère que seules les personnes ayant ce lien secret peuvent la modifier. Vous devez donc conserver ce lien si vous souhaitez pouvoir modifier la carte. Nous verrons dans le prochain tutoriel comment créer son catalogue de cartes en utilisant un compte, il n’est alors pas nécessaire de conserver de lien secret.

3. Ajouter un marqueur

Commencez par déplacer et zoomer la carte pour visualiser l’endroit précis de votre domicile, lieu de vacances ou de travail.

umap_point Cliquez ensuite sur le bouton Ajouter un marqueur. Le curseur prend la forme d’un signe + et est accompagné d’un marqueur de couleur bleue. Déplacez le curseur sur le lieu que vous voulez marquer et cliquez avec le bouton gauche de la souris : le marqueur est déposé à cet endroit et un panneau apparaît à droite.

umap_marqueurCe panneau vous permet d’associer un nom et une description au marqueur :

  • le nom sera affiché au survol du marqueur par la souris
  • le nom et la description seront visibles dans une fenêtre dite popup qui apparaîtra lors d’un clic sur le marqueur.

Nous verrons plus loin l’utilité des calques, et comment modifier les propriétés du marqueur : forme, couleur, pictogramme, etc.

Répétez l’opération pour ajouter les marqueurs que vous jugez utiles à votre carte.

4. Définir l’emprise de la carte

Il est important de définir l’emprise initiale de la carte, c’est-à-dire la partie du planisphère qui sera affichée lors de la consultation de la carte.

Cette emprise doit inclure votre marqueur et permettre de situer la carte. Il convient de trouver un compromis entre un zoom trop éloigné et un zoom trop rapproché. Le bon compromis dépend essentiellement du contenu de la carte : la majorité des marqueurs, lignes et polygones doivent être visibles et utiliser au mieux l’étendue de la carte.

Vous pouvez aussi considérer le public de la carte : une carte expédiée à votre voisin peut être très zoomée, une carte envoyée un correspondant étranger doit permettre de reconnaître le pays où se trouve votre carte.

umap_extentPour définir l’emprise, déplacez et zoomez la carte afin d’afficher l’emprise souhaitée puis cliquez sur le bouton Enregistrer le zoom et le centre actuels.

uMap enregistre en réalité le centre et le niveau de zoom. Selon la taille de la fenêtre où est affichée la carte, la partie visible pourra varier. Il est utile de prévoir une marge autour du contenu de la carte.

5. Enregistrer la carte

Toute modification de la carte doit être sauvegardée sur le serveur uMap en cliquant sur le bouton Enregistrer en haut à droite. Cette opération enregistre toutes les modifications depuis la dernière sauvegarde : vous pouvez donc réaliser plusieurs modifications à la suite puis les enregistrer. A l’inverse le bouton Annuler permet de supprimer toutes les modifications depuis la dernière sauvegarde.

Après avoir enregistré les modifications, le bouton Annuler est remplacé par Désactiver l’édition. Cela vous permet de quitter le mode édition pour voir la carte en mode consultation. Vous pouvez alors tester votre carte : cliquez sur le marqueur pour afficher la popup et vérifier son nom et sa description.

Félicitations ! Vous avez créé votre première carte uMap. Vous pouvez la diffuser à votre entourage en copiant son URL dans la barre d’adresse du navigateur, ou en copiant son URL courte disponible dans le menu Partager vu dans le tutoriel Je consulte une carte uMap.

Faisons le point

Votre première carte est créée, en quelques étapes. L’opération est assez simple, mais le résultat est somme toute assez sommaire. Le tutoriel de la semaine prochaine nous permettra de créer une jolie carte.

Liens utiles :




Comment consulter une Framacarte ? (Tutos uMap 1/4)

Juste avant Noël, nous vous présentions Framacartes, un service de création de cartes personnalisées pour vos sites web, communautés, randos, chasses au trésor… Framacartes est basé sur le logiciel Umap, qui permet d’ajouter des points, tracés et polygones sur les fonds de cartes d’OpenStreetMap.

C’est alors qu’Antoine Riche, ingénieur informatique, Contributeur et Formateur OpenStreetmap, nous a contactés pour nous présenter sa série de tutoriels (libres, eux aussi) pour apprendre à maîtriser uMap (et donc Framacartes) à toute la famille Dupuis-Morizeau.

C’est avec son autorisation (et de chaleureux remerciements) que nous reproduirons sur le framablog les quatre premiers tutos (le niveau « débutant ») afin d’en faire profiter le plus grand nombre.

Cette semaine, on apprend tout simplement à se familiariser avec uMap et à profiter pleinement d’une Framacarte !

Je consulte une carte uMap

Ce que nous allons apprendre

  • Manipuler une carte uMap
  • Partager une carte uMap
  • Connaître les principales fonctionnalités de uMap

Procédons par étapes

1. Manipuler la carte

Vous avez reçu par mail un lien vers une carte umap. Voici les principaux éléments de la carte, et les opérations disponibles pour la manipuler. La carte umap représentée ci-dessous est disponible ici.

utiliser_une_framacarte

À droite de la carte et selon le choix de son auteur peut être affiché un des deux panneaux suivants :

  • Légende : le titre de la carte, une description éventuelle, et la liste des calques
  • Visualiser les données : l’ensemble des éléments de la carte, répartis par calques (voir plus bas)

Le panneau Légende peut être affiché en cliquant sur le mot “Légende”, toujours visible en bas à droite de la carte.

Comme pour la plupart des cartes interactives vous pouvez :

  • déplacer la carte par un glisser-déposer
  • effectuer zooms avant et arrière avec les boutons + et -, ou avec la molette de la souris
  • sélectionner un élément de la carte par un clic de la souris : apparaît alors une fenêtre popup affichant une description de l’élément. Celle-ci peut inclure du texte, une image, un lien vers un site Web. Dans notre exemple la description de chaque cinéma contient une image qui est un lien sur le site Web du cinéma.

Remarque : les boutons en haut à gauche de la carte, ainsi que la barre de légende, peuvent ne pas être disponibles si l’auteur de la carte a choisi de les cacher.

Voyons maintenant quelques fonctionnalités propres à umap.

2. Le sélecteur de calques

Les éléments d’une carte umap peuvent être répartis dans plusieurs calques, ou couches. Cela permet de structurer une carte, pour qu’elle soit plus claire et plus facile à maintenir. L’utilisateur peut choisir d’afficher ou cacher chaque calque individuellement.

umap_calquesLe sélecteur de calques est l’icône visible en haut à gauche de la carte sous les boutons de zoom. Lorsque vous positionnez la souris sur ce bouton, la liste des calques apparaît, vous pouvez alors afficher ou cacher chaque calque, ou encore centrer la carte sur le contenu d’un calque.
umap_selecteur_calquesDans cet exemple le calque “Stations Bicloo” est caché : cliquer sur l’oeil de ce calque permet de l’afficher.

La liste des calques, avec éventuellement un descriptif de chaque calque, est aussi visible dans la légende de la carte.

3. Le bouton Plus

umap_plusSous le sélecteur de carte est visible un bouton portant le texte “Plus”. Un clic sur ce bouton fait apparaître une série de boutons.

 

umap_home permet de retourner à la page d’accueil de umap.
umap_geoloc permet de vous géolocaliser1), c’est-à-dire centrer la carte sur votre position actuelle.
umap_search permet de chercher une localité et de centrer la carte dessus : saisissez le nom d’une commune et tapez sur Entrée.
umap_share permet de partager la carte ou d’en exporter les données. Un panneau à droite de la carte est affiché, il est expliqué ci-dessous.
umap_layers affiche à droite plusieurs fonds de carte : cliquer sur l’un d’eux change le fond de la carte.
 umap_edit est utile pour améliorer la carte OpenStreetMap – ce qui sort de l’objet de ce tutoriel.
 umap_measure est un outil de mesure. Activer cet outil a deux effets : d’une part il affiche la longueur des éléments linéaires de la carte et l’aire des éléments surfaciques ; d’autre part il vous permet de tracer sur la carte une ligne dont la longueur est affichée. Cliquez à nouveau sur le bouton pour désactiver cet outil.

Partager la carte

Le panneau de partage de la carte offre trois possibilités. Votre choix dépend de la manière dont vous souhaitez partager la carte :

  • URL courte permet de copier une URL abrégée – équivalente à l’URL de la carte – que vous pouvez par exemple envoyer dans un mail.
  • Embarquer la carte en iframe permet d’inclure la carte dans une page Web : il suffit de copier le code HTML et de l’insérer dans celui de votre page Web. Plusieurs options sont disponibles dans le menu Options d’export de l’iframe : taille de la carte, choix des boutons inclus dans la carte, etc. Activez ou désactivez ces options avant de copier le code HTML.
  • Télécharger les données permet d’obtenir les données visibles sur la carte, dans différents formats. Cela peut vous permettre d’utiliser ces données avec un autre outil.

 

umap_donnees4. Visualiser les données

La liste des éléments de la carte peut être affichée avec un clic sur Visualiser les données, accessible depuis le sélecteur de calques, la barre de légende, ou encore en haut du panneau Légende.

Le panneau alors visible à droite montre l’ensemble des éléments de la carte, organisés par calques. La loupe à gauche de chaque élément permet d’afficher sur la carte la popup décrivant cet élément. Le texte de saisie au-dessus de la liste permet de rechercher un élément, en ne montrant que ceux dont le nom contient le texte saisi.


Faisons le point

Ce premier tutoriel nous a permis de découvrir les principales fonctionnalités d’une carte uMap. La semaine prochaine nous apprendrons à créer une telle carte.

 

Notes :

1) La géolocalisation exige de demander l’autorisation de l’utilisateur, votre navigateur Web peut donc vous demander d’accepter ou activer la géolocalisation

Liens utiles :




Framacarte, pour libérer vos maps de Google !

Les barbu-e-s de la communauté le savent déjà : l’alternative Libre à GoogleMaps, c’est OpenStreetMaps (OSM pour les intimes). En un peu plus de dix ans, plus d’un million de personnes ont participé à ce projet de cartographie du monde librement utilisable et accessible

Mais comment faire pour que la famille Dupuis-Morizeau s’empare de ce magnifique outil offert par la communauté et se dégooglise un grand coup ? Notre réponse : Framacarte.

Vous offrir le monde au pied du sapin.

Avoir une carte en ligne, c’est très pratique pour tracer sa route d’un point A à un point B. C’est très exactement ce que vous propose Framacarte : placez votre point A, votre point B, votre tracé… et le tour est joué ! Vous n’avez qu’à cliquer sur « plus » puis sur l’icône « partager » pour avoir l’adresse web à partager à vos ami-e-s ou le code d’intégration afin de placer cette carte sur votre site web.

Balade du Jardin Japonais de Toulouse au fief du GUL Toulibre ;)
Balade du jardin japonais de Toulouse au fief du GUL Toulibre ;)

Framacarte ne s’arrête pas là. Vous pouvez bien entendu placer des étapes entre votre point A et votre point B… jusqu’à dessiner tout l’alphabet si cela vous chante (n’en déplaise à google, ce mot ne leur appartient pas :p).

Framacarte vous permet aussi de colorier des zones, changer les pictogrammes de vos épingles, utiliser plusieurs calques, changer les fonds de cartes (plutôt ville ou plutôt nature ?) importer ou exporter vos données… Bref, de créer des cartes vraiment personnalisées.

Ne réinventons pas la Frama-roue

Framacarte s’appuie sur deux projets Libres : les fonds de cartes sont ceux d’OpenStreetMap, tandis que l’outil d’édition et de partage des cartes n’est autre que le projet Umap. Oui, nous hébergeons tout simplement un clone de ce projet Libre déjà connu des barbu-e-s. Il faut dire que Framacarte n’était pas, à l’origine, dans nos projets de Dégooglisations.

C’est Yohan Boniface, contributeur de OpenStreetMap France et développeur de Umap, qui nous a contacté pour mettre en place cette Frama-version de Umap. L’occasion pour nous de lui poser 3 questions :

Question 1 : Bonjour Yohan, tout d’abord, est-ce que tu peux nous présenter Umap, ses origines, et comment il est développé ?

Je bossais dans un journal à l’époque, et j’étais attristé de voir qu’il n’existait aucun outil libre permettant à un journaliste de faire une simple carte pour afficher des données. Il fallait ou bien l’aide d’un développeur ou bien utiliser des services privatisateurs comme GoogleMap©.

uMap est bâti sur Django (un framework python), et j’ai cherché à le rendre modulaire : le frontend et le backend sont deux projets séparés, ce qui a permis à d’autres développeurs d’utiliser la même interface que uMap mais sur leur propre back-end.

À l’exception d’une demande financée par Ixxi (filiale tech de la RATP), je développe uMap sur mon temps libre, et j’y tiens!

Question 42 : Umap existe déjà et marche très bien… pourquoi cette envie de le doubler d’un Framachin ? C’est pas mieux de tout garder en un seul endroit ?

La centralisation coûte très cher, et ce coût induit une dépendance aux entrées financières. Dans le libre, on essaie autant que possible d’éviter le scénario alla Wikipedia, c’est-à-dire où le service à l’utilisateur est centralisé. On finit par passer son temps à chercher de l’argent pour financer le projet. Côté OpenStreetMap, on tâche autant que possible de laisser la communauté prendre en charge les services à l’utilisateur final.

Donc plus y a d’instances différentes, plus les coûts sont partagés, et plus le modèle est durable.

Il faut un peu connaître python pour installer uMap chez soi, mais quand c’est le cas on le fait tourner en 15 minutes, donc j’invite les motivés à installer d’autres instances! J’en connais déjà une bonne dizaine, notamment en Suisse, en Colombie, en Argentine, en Éthiopie, et aussi dans des intranets.

cliquez sur l'image pour aller sur Framacarte
cliquez sur l’image pour aller sur Framacarte

Question 1337 : À Framasoft, on espère que ce projet apportera du monde aux communautés Umap et OpenStreetMap… Mais du coup, comment y entrer et faut-il obligatoirement coder pour contribuer ?

Utiliser uMap, c’est déjà contribuer.

Parce que ça aide à le faire connaître, et donc à étendre ses utilisateurs, et donc à augmenter les instances disponibles, et donc à « dégoogliser » Internet.

Pour aller un peu plus loin dans la contribution, il y a plusieurs options. Faire des rapports de bugs ou des demandes d’amélioration est une façon d’aider à prioriser les développements. Il y a aussi un gros besoin de documentation et tutoriels.

On peut aussi participer à la traduction (on a récemment ajouté une traduction en amharique !). Enfin, y a de l’espace pour améliorer le graphisme et l’ergonomie.

Et bien sûr, quand on code en python (backend) ou en javascript (frontend), il y a de quoi faire ! La page du projet pour en savoir plus : http://wiki.openstreetmap.org/wiki/UMap

Libre à vous de dessiner sur le monde

Révolu, le temps des atlas coûteux (et autres cartes IGN) qu’il était illégal de photocopier et que l’on stabilotait à grands frissons. Désormais, avec Framacartes, vous pouvez laisser libre cours à votre imagination et partager en quelques clics ce parcours de trail avec l’ensemble de votre club…

carte-trail
oh le joli dénivelé !

… ou mettre en ligne sur le site de votre office de tourisme l’ensemble des restos, hébergements et lieux à visiter de votre ville…

carte-ville
ça ressemble furieusement à une chasse aux trésors… nous on dit ça, on dit rien, hein…

…ou encore détourner Framacarte pour dessiner un Tux, un Chaton ou un GNU sur le pays de votre choix (la première personne qui réalisera ce défi gagnera notre éternelle admiration déclarée officiellement sur nos réseaux sociaux !)

Car, encore une fois, le succès de cet outil ne dépendra que de vous. À vous donc de vous en emparer, de le partager et de nous soutenir par vos dons afin que nous préparions de nouvelles alternatives à GAFAM tout au long de 2016.