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 :