Temps de lecture 5 min
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.
À 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.
Le 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.
Dans 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
Sous 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.
Entrée
.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.
4. 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 :
Liens utiles :
- Aller sur Framacarte
- L’ensemble des tutos uMap d’Antoine Riche
- Carto’CITÉ, l’agence de Géomatique d’Antoine
- Découvrir OpenStreetMap et sa communauté francophone
- Découvrir Umap
Apichat
Merci pour les tutos, mais je réitère ma proposition : s’il vous plaît, pourriez vous ajouter le fond de carte standard d’OpenStreetMap 🙂
Meta
Bonjour,
Merci pour cette série de tutoriels. Seulement, je n’arrive pas à trouver comment simplement placer un marqueur à une adresse précise. C’est à dire simplement indiquer une adresse, et que le logiciel nous place un marqueur dessus…
Merci d’avance pour la réponse!