Improving documentation
This commit is contained in:
parent
d66b84297f
commit
d4752b0365
4 changed files with 25 additions and 28 deletions
|
@ -15,7 +15,7 @@ Rendez-vous sur le site <http://umap.openstreetmap.fr/> et cliquez sur
|
||||||
le bouton **Créer une carte**. Apparaît alors sur votre navigateur une
|
le bouton **Créer une carte**. Apparaît alors sur votre navigateur une
|
||||||
carte qui se présente ainsi :
|
carte qui se présente ainsi :
|
||||||
|
|
||||||
![umap_edition.jpg](../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edition.jpg)
|
![umap_edition.jpg](../../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edition.jpg)
|
||||||
|
|
||||||
Nous retrouvons à gauche les boutons disponibles lors de la
|
Nous retrouvons à gauche les boutons disponibles lors de la
|
||||||
[consultation d’une carte](1-browsing-a-map.md).
|
[consultation d’une carte](1-browsing-a-map.md).
|
||||||
|
@ -31,9 +31,9 @@ dans le *mode édition* :
|
||||||
|
|
||||||
### 2. Nommer la carte
|
### 2. Nommer la carte
|
||||||
|
|
||||||
![umap_set_name.png](../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_set_name.png)
|
![umap_set_name.png](../../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_set_name.png)
|
||||||
|
|
||||||
![umap_edit_props.png](../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edit_props.png)
|
![umap_edit_props.png](../../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edit_props.png)
|
||||||
|
|
||||||
Une carte doit porter
|
Une carte doit porter
|
||||||
un nom qui renseigne sur ce que représente la carte. Pour définir le nom
|
un nom qui renseigne sur ce que représente la carte. Pour définir le nom
|
||||||
|
@ -53,7 +53,7 @@ Maintenant sauvegardez la carte avec le bouton **Enregistrer** : un
|
||||||
texte en anglais est affiché en haut de la carte, comme celui
|
texte en anglais est affiché en haut de la carte, comme celui
|
||||||
ci-dessous.
|
ci-dessous.
|
||||||
|
|
||||||
![umap_create_anonymous.png](../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_create_anonymous.png)
|
![umap_create_anonymous.png](../../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_create_anonymous.png)
|
||||||
|
|
||||||
Ce texte explique que vous venez de créer une carte **anonyme** et vous
|
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
|
donne un lien (une URL) pour pouvoir modifier la carte. En effet la
|
||||||
|
@ -69,7 +69,7 @@ nécessaire de conserver de lien secret.
|
||||||
Commencez par déplacer et zoomer la carte pour visualiser l’endroit
|
Commencez par déplacer et zoomer la carte pour visualiser l’endroit
|
||||||
précis de votre domicile, lieu de vacances ou de travail.
|
précis de votre domicile, lieu de vacances ou de travail.
|
||||||
|
|
||||||
![umap_edit_marker.png](../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edit_marker.png)
|
![umap_edit_marker.png](../../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edit_marker.png)
|
||||||
|
|
||||||
Cliquez ensuite sur
|
Cliquez ensuite sur
|
||||||
le bouton **Ajouter un marqueur**. Le curseur prend la forme d’un signe
|
le bouton **Ajouter un marqueur**. Le curseur prend la forme d’un signe
|
||||||
|
@ -77,7 +77,7 @@ le bouton **Ajouter un marqueur**. Le curseur prend la forme d’un signe
|
||||||
le bouton gauche de la souris : un *marqueur bleu* et carré est créé à
|
le bouton gauche de la souris : un *marqueur bleu* et carré est créé à
|
||||||
cet endroit et un panneau apparaît à droite.
|
cet endroit et un panneau apparaît à droite.
|
||||||
|
|
||||||
![umap_marqueur.jpg](../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_marqueur.jpg)
|
![umap_marqueur.jpg](../../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_marqueur.jpg)
|
||||||
|
|
||||||
Ce panneau vous permet
|
Ce panneau vous permet
|
||||||
d’associer un nom et une description au marqueur :
|
d’associer un nom et une description au marqueur :
|
||||||
|
@ -114,7 +114,7 @@ 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
|
souhaitée puis cliquez sur le bouton **Enregistrer le zoom et le centre
|
||||||
actuels**.
|
actuels**.
|
||||||
|
|
||||||
![umap_edit_extent.png](../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edit_extent.png)
|
![umap_edit_extent.png](../../static/tutoriels/2-je-cree-ma-premiere-carte-umap/umap_edit_extent.png)
|
||||||
|
|
||||||
!!! note
|
!!! note
|
||||||
uMap enregistre en réalité le centre et le niveau de
|
uMap enregistre en réalité le centre et le niveau de
|
||||||
|
|
|
@ -37,7 +37,7 @@ moment de vous inscrire sur le site www.openstreetmap.org : cliquez
|
||||||
instructions - une adresse mail vous sera demandée ([plus
|
instructions - une adresse mail vous sera demandée ([plus
|
||||||
d’infos](http://openstreetmap.fr/inscription-openstreetmap)).
|
d’infos](http://openstreetmap.fr/inscription-openstreetmap)).
|
||||||
|
|
||||||
![umap_header.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_header.png)
|
![umap_header.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_header.png)
|
||||||
|
|
||||||
Cliquez sur **Connexion /
|
Cliquez sur **Connexion /
|
||||||
Créer un compte** puis sur le pictogramme correspondant au compte que
|
Créer un compte** puis sur le pictogramme correspondant au compte que
|
||||||
|
@ -48,7 +48,7 @@ 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
|
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.
|
permettant d’accéder à l’ensemble des cartes créées avec ce compte.
|
||||||
|
|
||||||
![umap_connect.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_connect.png)
|
![umap_connect.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_connect.png)
|
||||||
|
|
||||||
Notez l’URL de la barre d’adresse quand vous consultez votre catalogue
|
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
|
de cartes : celle-ci contient le nom de votre compte - par exemple
|
||||||
|
@ -67,7 +67,7 @@ emprise et ajoutons un marqueur à [l’emplacement du
|
||||||
camping](http://www.openstreetmap.org/?mlat=48.2387&mlon=-4.5434#map=16/48.2387/-4.5434).
|
camping](http://www.openstreetmap.org/?mlat=48.2387&mlon=-4.5434#map=16/48.2387/-4.5434).
|
||||||
Nous avons vu dans [le tutoriel précédent](2-first-map.md) comment effectuer ces opérations.
|
Nous avons vu dans [le tutoriel précédent](2-first-map.md) comment effectuer ces opérations.
|
||||||
|
|
||||||
![umap_marqueur_props.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_marqueur_props.png)
|
![umap_marqueur_props.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_marqueur_props.png)
|
||||||
|
|
||||||
Ce gros marqueur bleu n’est pas très explicite pour figurer un camping.
|
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
|
Remédions à cela. Dans le panneau latéral visible lorsqu’un marqueur est
|
||||||
|
@ -87,11 +87,11 @@ l’apparence du marqueur :
|
||||||
|
|
||||||
Voici le marqueur obtenu avec les propriétés ci-contre :
|
Voici le marqueur obtenu avec les propriétés ci-contre :
|
||||||
|
|
||||||
![umap_camping.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_camping.png)
|
![umap_camping.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_camping.png)
|
||||||
|
|
||||||
#### Modifier un marqueur
|
#### Modifier un marqueur
|
||||||
|
|
||||||
![umap_modifier_marqueur.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_modifier_marqueur.png)
|
![umap_modifier_marqueur.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_modifier_marqueur.png)
|
||||||
|
|
||||||
Pour modifier un marqueur de la carte, plusieurs possibilités s’offrent à vous :
|
Pour modifier un marqueur de la carte, plusieurs possibilités s’offrent à vous :
|
||||||
|
|
||||||
|
@ -107,7 +107,7 @@ 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
|
Pointe de Dinan à l’ouest de la plage de Goulien. Traçons l’itinéraire
|
||||||
suivi.
|
suivi.
|
||||||
|
|
||||||
![umap_edit_line.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_edit_line.png)
|
![umap_edit_line.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_edit_line.png)
|
||||||
|
|
||||||
Le bouton **Dessiner une ligne** permet de tracer, point par point,
|
Le bouton **Dessiner une ligne** permet de tracer, point par point,
|
||||||
une ligne constiutée de
|
une ligne constiutée de
|
||||||
|
@ -131,11 +131,11 @@ ou modifier son tracé sur la carte :
|
||||||
- **couper la ligne** en deux : Clic droit sur un point puis choisir
|
- **couper la ligne** en deux : Clic droit sur un point puis choisir
|
||||||
l’option `Scinder la ligne`
|
l’option `Scinder la ligne`
|
||||||
|
|
||||||
![umap_ligne.jpg](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_ligne.jpg)
|
![umap_ligne.jpg](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_ligne.jpg)
|
||||||
|
|
||||||
#### Propriétés d’une ligne
|
#### Propriétés d’une ligne
|
||||||
|
|
||||||
![umap_ligne_props.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_ligne_props.png)
|
![umap_ligne_props.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_ligne_props.png)
|
||||||
|
|
||||||
Les propriétés d’une
|
Les propriétés d’une
|
||||||
ligne permettent de définir sa couleur et d’autres paramètres
|
ligne permettent de définir sa couleur et d’autres paramètres
|
||||||
|
@ -160,11 +160,11 @@ Les **propriétés avancées** permettent de :
|
||||||
|
|
||||||
Voici le style de trait obtenu avec les propriétés ci-contre :
|
Voici le style de trait obtenu avec les propriétés ci-contre :
|
||||||
|
|
||||||
![umap_ligne_tirets.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_ligne_tirets.png)
|
![umap_ligne_tirets.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/umap_ligne_tirets.png)
|
||||||
|
|
||||||
### 4. Ajouter des étiquettes
|
### 4. Ajouter des étiquettes
|
||||||
|
|
||||||
![etiquettes.png](../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/etiquettes.png)
|
![etiquettes.png](../../static/tutoriels/3-jutilise-un-compte-et-cree-une-belle-carte/etiquettes.png)
|
||||||
|
|
||||||
Pour aider l’identification des
|
Pour aider l’identification des
|
||||||
différents éléments de notre carte, nous pouvons leur associer une
|
différents éléments de notre carte, nous pouvons leur associer une
|
||||||
|
@ -182,7 +182,6 @@ l’affichage d’une étiquette associée à chaque élément :
|
||||||
si l’utilisateur clique sur l’étiquette, et non seulement en cas de
|
si l’utilisateur clique sur l’étiquette, et non seulement en cas de
|
||||||
clic sur la *géométrie* de l’élément.
|
clic sur la *géométrie* de l’élément.
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
|
||||||
|
|
||||||
## Faisons le point
|
## Faisons le point
|
||||||
|
|
||||||
|
@ -193,8 +192,8 @@ qui représentent des surfaces. Certaines fonctionnalités propres aux
|
||||||
polygones méritent d’être détaillées, ce que nous ferons dans le
|
polygones méritent d’être détaillées, ce que nous ferons dans le
|
||||||
tutoriel [Le cas des polygones](8-polygons.md).
|
tutoriel [Le cas des polygones](8-polygons.md).
|
||||||
|
|
||||||
Pour le moment voyons comment nous pouvons davantage [personnaliser
|
Pour le moment voyons comment nous pouvons davantage
|
||||||
notre carte](4-customize-map.md).
|
[personnaliser notre carte](4-customize-map.md).
|
||||||
|
|
||||||
??? info "Licence"
|
??? info "Licence"
|
||||||
|
|
||||||
|
|
|
@ -20,7 +20,7 @@ une de vos cartes se fait en trois opérations simples :
|
||||||
3. cliquez sur le nom de la carte, affiché **sous l’aperçu** de la
|
3. cliquez sur le nom de la carte, affiché **sous l’aperçu** de la
|
||||||
carte
|
carte
|
||||||
|
|
||||||
![umap_edit.png](../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit.png)
|
![umap_edit.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit.png)
|
||||||
|
|
||||||
La carte s’affiche alors en mode
|
La carte s’affiche alors en mode
|
||||||
consultation. Cliquez sur le crayon en haut à droite de la carte pour
|
consultation. Cliquez sur le crayon en haut à droite de la carte pour
|
||||||
|
@ -48,7 +48,7 @@ que plusieurs fonds de carte
|
||||||
sont disponibles dans uMap. Lorsque vous éditez une carte vous pouvez
|
sont disponibles dans uMap. Lorsque vous éditez une carte vous pouvez
|
||||||
choisir le fond de carte qui sera utilisé à l’affichage de la carte.
|
choisir le fond de carte qui sera utilisé à l’affichage de la carte.
|
||||||
|
|
||||||
![umap_edit_background.png](../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit_background.png)Cliquez sur
|
![umap_edit_background.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit_background.png)Cliquez sur
|
||||||
le pictogramme `Changer le fond de carte` : un panneau à droite montre
|
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
|
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
|
d’eux : faites votre choix et n’oubliez pas d’enregistrer la
|
||||||
|
@ -89,7 +89,7 @@ utilisateurs qui consulteront votre carte. Vous pouvez par exemple
|
||||||
ajouter une mini-carte de situation ou une barre de légende, ou encore
|
ajouter une mini-carte de situation ou une barre de légende, ou encore
|
||||||
décider quels boutons seront affichés.
|
décider quels boutons seront affichés.
|
||||||
|
|
||||||
![umap_edit_props.png](../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit_props.png)
|
![umap_edit_props.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit_props.png)
|
||||||
|
|
||||||
Pour cela, ouvrez dans
|
Pour cela, ouvrez dans
|
||||||
le menu **Éditer les paramètres** l’onglet **Options d’interfaces**.
|
le menu **Éditer les paramètres** l’onglet **Options d’interfaces**.
|
||||||
|
@ -103,7 +103,7 @@ boutons sur la gauche de la carte, de contrôler leur visibilité :
|
||||||
l’utilisateur
|
l’utilisateur
|
||||||
- **jamais** signifie que le bouton ne sera pas disponible
|
- **jamais** signifie que le bouton ne sera pas disponible
|
||||||
- **caché** signifie que le bouton n’est accessible qu’après un clic
|
- **caché** signifie que le bouton n’est accessible qu’après un clic
|
||||||
sur le bouton ![umap_plus.png](../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_plus.png). Les boutons
|
sur le bouton ![umap_plus.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_plus.png). Les boutons
|
||||||
cachés ne seront bien sûr accessibles que si l’option
|
cachés ne seront bien sûr accessibles que si l’option
|
||||||
`Voulez-vous afficher le bouton "Plus" ?` (plus bas sur le tableau
|
`Voulez-vous afficher le bouton "Plus" ?` (plus bas sur le tableau
|
||||||
de bord) est activée.
|
de bord) est activée.
|
||||||
|
@ -111,7 +111,7 @@ boutons sur la gauche de la carte, de contrôler leur visibilité :
|
||||||
La partie basse du tableau de bord ne concerne pas ces boutons mais
|
La partie basse du tableau de bord ne concerne pas ces boutons mais
|
||||||
d’autres éléments venant *habiller* la carte :
|
d’autres éléments venant *habiller* la carte :
|
||||||
|
|
||||||
![umap_properties_bottom.jpg](../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_properties_bottom.jpg)
|
![umap_properties_bottom.jpg](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_properties_bottom.jpg)
|
||||||
|
|
||||||
Quelques remarques :
|
Quelques remarques :
|
||||||
|
|
||||||
|
@ -122,7 +122,7 @@ Quelques remarques :
|
||||||
- les boutons de navigation en bas des popups permettent de faire
|
- les boutons de navigation en bas des popups permettent de faire
|
||||||
défiler les éléments de la carte
|
défiler les éléments de la carte
|
||||||
|
|
||||||
![umap_share.png](../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_share.png)
|
![umap_share.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_share.png)
|
||||||
|
|
||||||
Notez que ces
|
Notez que ces
|
||||||
options - et quelques autres - sont également disponibles en **Options
|
options - et quelques autres - sont également disponibles en **Options
|
||||||
|
|
|
@ -26,7 +26,6 @@ Mettre en forme une infobulle nécessite d’utiliser une syntaxe décrite
|
||||||
en cliquant sur le point d’interrogation visible à droite de l’intitulé
|
en cliquant sur le point d’interrogation visible à droite de l’intitulé
|
||||||
**description**, reprise ci-contre.
|
**description**, reprise ci-contre.
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
|
||||||
|
|
||||||
### 1. Mettre en forme le texte d’une infobulle
|
### 1. Mettre en forme le texte d’une infobulle
|
||||||
|
|
||||||
|
@ -83,7 +82,6 @@ verticale (AltGr + 6 sur un clavier français) et du texte :
|
||||||
|
|
||||||
Cette forme est particulièrement utile pour les adresses longues.
|
Cette forme est particulièrement utile pour les adresses longues.
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
|
||||||
|
|
||||||
### 3. Insérer une image
|
### 3. Insérer une image
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue