Réalisation de la cartographie

1. Se rendre sur le site UMAP ;

2. Cliquer sur l’icône OpenStreetMap et créer son compte (adresse mail, mot de passe, etc.) ;

3. Revenir sur le site UMAP et se connecter (passage par le site OpenStreetMap ; cliquez sur « Autoriser l'accès »). On revient automatiquement sur le site UMAP, qui indique alors la mention « Mes cartes (identifiant) ».

---

Créer une carte

Cliquer en haut à droite sur « Créer une carte ». S’affiche alors un fond de carte (que l’on peut changer, en cliquant sur la sixième icône à droite, représentant une pile de feuilles). Par défaut, c’est un fond OpenStreetMap.

Enregistrer la carte à créer :

En haut s’affiche la mention « édition en cours » suivie de « Carte sans nom » (en bleu).

En passant la souris sur cette phrase, un crayon apparaît : cliquer dessus, ce qui fait apparaître une fenêtre à droite « éditer les propriétés de la carte ».

Préciser le nom, sa description. (ces paramètres peuvent être modifiés ultérieurement).

Pour une présentation de la carte sur un panneau latéral à droite, cliquer sur “option d’interface” descendre jusqu’a “Voulez-vous afficher un panneau latéral au chargement?” et choisir “légende”.

Cliquer en haut à droite sur le bouton bleu « Enregistrer » (opération à faire impérativement à chaque modification, pour ne rien perdre du travail fait) .

On peut créer des calques en fonction de ses besoins :

à gauche, cliquer sur l’icône située sous le signe « – » ;

cliquer sur « Ajouter un calque » ;

renseigner la fenêtre qui apparaît à droite (« nom ») ;

Attention à placer les éléments (marqueurs ou autres) sur le bon calque.

 

---

Vue de la carte avec l'éditeur.

---

Légendes des diverses icônes

---

Placer des marqueurs

Pour trouver un emplacement précis :

À gauche, cliquer sur l’icône "loupe".

Une fenêtre s'ouvre sur la droite;

Indiquer une localité, sous la forme « Marseille » ou être même plus précis : « Estaque gare, Marseille » ;

la carte se centre, mais sans avoir de repère : on doit alors zoomer pour savoir où est l’adresse en question.

Placer des repères

1. Faire apparaître les icônes d’outils à droite : cliquer sur le carré en haut à droite comportant un crayon ;

2. Cliquer sur l'icône (en forme de goutte d’eau inversée) ;

3. Déplacer la souris et cliquer à l’endroit voulu ;

4. On peut donner des renseignements à ce marqueur. Il suffit de cliquer dessus, ce qui fait apparaître une fenêtre de paramétrage.

Aller sur "Propriété de la forme",  ou l'on trouve un choix de couleur, de forme et d'image de l'icône.

Option de la carte :

Comment avoir le contenu de chaque marqueur sur un panneau latéral à droite ?

Sur le menu à droite, cliquer sur l'engrenage, puis sur "option d'interaction par défaut".

Dans style de pop-up, dérouler le menu et choisir "panneau latéral"

Editeur d'un élément (ici, marqueur du tunnel de la nerthe)

---

Mise en forme du texte

• *simple astérisque pour italique* - Exemple : *mot*
• **double astérisque pour gras** - Exemple : **mot**
• # un dièse pour titre 1 - Exemple : # titre1
• ## deux dièses pour titre 2 - Exemple : ## titre2
• ### trois dièses pour titre 3 - Exemple : ### titre3
• Lien simple: [[https://exemple.fr]] - Exemple : [[https://ancrages.org]]
• Lien avec texte: [[http://exemple.fr|texte du lien]] - Exemple : [[https://ancrages.org|Site internet d'Ancrages]]
• Image: {{http://image.url.com}} - Exemple : {{https://ancrages.org/nomdelimage.jpg}}
• Image avec largeur (en pixels) : {{http://image.url.com|largeur}} - Exemple : {{https://ancrages.org/nomdelimage.jpg|300}}
• Iframe (Cadre qui permet d'obtenir une page d'un site internet, intégrée dans la page courante) : {{{http://iframe.url.com}}} - Exemple : {{{http://nomdusite.com}}}
• Iframe avec hauteur (en pixels): {{{http://iframe.url.com|hauteur}}} - Exemple : {{{http://nomdusite.com|300}}}
• Iframe avec hauteur et largeur (en px): {{{http://iframe.url.com|height*width}}} - Exemple : {{{http://nomdusite.com|800*300}}}
• --- pour un séparateur horizontal

---

Vue publique

 

Communiquer la carte réalisée

À gauche, cliquer sur cet icône ;

Copier le lien qui apparaît dans « URL courte », et la diffuser.

Intégrer la carte dans une iframe (cadre avec contenu extérieur).

Coller le code "<iframe width........>" dans l'éditeur de votre site internet en mode "code html"

 

 

Et voilà le résultat final :

Voir en plein écran