docs: new tutorials by @C-Sophie

This commit is contained in:
David Larlet 2024-09-23 15:31:32 -04:00
parent 86a8bbafa2
commit 73c1df6662
No known key found for this signature in database
GPG key ID: 3E2953A359E7E7BD
11 changed files with 169 additions and 0 deletions

View file

@ -0,0 +1,99 @@
!!! abstract "Ce que nous allons apprendre"
- Importer le contour dune commune
- Importer les contours des départements ou des régions
- Importer un point dintérêt (bibliothèques, parkings, …) qui est enregistré sur OpenStreetMap
## Procédons par étapes
Il est conseillé de vérifier si les données nexistent pas avant de se lancer dans leur dessin. On peut gagner un temps précieux avec lassistant dimportation intégré dans uMap et conserver une carte qui nest pas trop lourde au chargement.
Voilà les deux actions à effectuer une fois une carte préexistante, ou une nouvelle carte vierge ouverte :
- Cliquez sur loutil dimport de données dans la barre de droite puis sélectionnez les données déjà prêtes à lemploi
- Cliquez sur « Importer » et le cas échéant enjolivez la carte, car des figurés par défaut sont utilisés
uMap permet dutiliser des données produites par de nombreux services et placées en open data sous différents formats. Nous verrons ultérieurement (niveau intermédiaire) où rechercher ces sources. Dores et déjà, vous pouvez utiliser lassistant dimportation pour récupérer en un clic des contours administratifs et des points dintérêt.
### Ressources disponibles (20/09/2024)
Au 20 septembre 2024, les imports suivants sont disponibles :
- contour dune commune
- contours des départements et des régions
- données issues dOpenStreetMap placées dans [GeoDataMine](https://geodatamine.fr/). Comme son nom lindique, GeoDataMine est une véritable mine de données très utiles pour les services publics :
- Aire de jeux
- Aménagements cyclables
- Banques et DAB
- Base Adresse
- Bibliothèques
- Cimetière
- Cinémas
- Commerces
- Covoiturage
- Déchets et recyclage… jusquà Toilettes
- overpass : pour se familiariser avec les types de requêtes à renseigner dans lassistant, consulter les tutos plus avancés et la [page wiki](https://wiki.openstreetmap.org/wiki/Overpass_turbo/Wizard)
!!! note
Il manque des données ? Nhésitez pas à contribuer pour les ajouter et vous en serez les premiers bénéficiaires !
### Cliquez sur loutil dimport des données
Voici un bref passage en revu des différents imports proposés et pour finir limport de la localisation des bibliothèques de Clermont- Ferrand :
![Gif animé montrant lusage de lassistant dimport](../../static/tutoriels/importer.gif)
## 1. Importer le contour dune commune
Cliquez sur loutil dimportation en bas de la barre de droite, puis descendez jusquau cadre « Assistants dimport ».
Cliquez sur « Communes France » et sélectionnez la commune souhaitée dans une liste déroulante. Une fois la commune sélectionnée, le format est reconnu automatiquement (geojson) puis le type de calque (cliquer sur « ? » pour savoir quel choix opérer)
1. Pour que les données soient simplement copiées, choisir « Copier dans le calque ».
2. Pour que la carte évolue si le contour change, choisir « Associer au calque comme donnée distante ».
!!! note
Le code affiché nest pas le code postal mais le code INSEE de la commune.
Voici le résultat avec la commune dArles (la plus vaste de France métropolitaine, un gain certain si on fait léconomie de dessiner son contour !)
![Une carte avec le dessin de la commune dArles importée](../../static/tutoriels/importer-arles.png)
Une fois cet import réalisé, tout est réglable : couleur de contour, de fond, affichage oui non dune étiquette.
## 2. Importer les contours des départements ou des régions
Cliquez sur loutil dimportation en bas de la barre de droite, puis descendez jusquau cadre « Assistants dimport ».
Cliquez sur « Contours nationaux » puis soit départements, soit régions et enfin le type de calque (voir supra lexplication). Tous les départements sont importés :
![Une carte avec le dessin de chaque département importé](../../static/tutoriels/importer-departements.png)
## 3. Importer un point dintérêt issu de GeoDataMine
Cliquez sur loutil dimportation en bas de la barre de droite, puis descendez jusquau cadre « Assistants dimport ».
Cliquez sur « GeoDataMine (thèmes OSM) » et sélectionnez les informations souhaitées, routes, bâtiments, commerces, services publics, …
Par exemple, en sélectionnant les points deau potable de la CA du Grand Avignon, puis « Copier dans un calque »
![Une carte avec les points deau potable issus dOpenStreetMap](../../static/tutoriels/importer-geodatamine.png)
Voici une réelle économie de temps plutôt que de placer pointeur après pointeur tous les points deau.
## 4. La carte combinée
Bien entendu, on peut tout à fait combiner les différentes couches dinformation et présenter par exemple la carte des Points deau potable dans la CA du Grand Avignon, avec les contours des communes qui composent lEPCI, du département et de la région :
### Points deau potable du Grand Avignon
![Une carte combinant plusieurs imports](../../static/tutoriels/importer-multi.png)
[Voir la carte en plein écran](https://umap.openstreetmap.fr/fr/map/points-deau-potable-grand-avignon_1116739?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&editMode=disabled&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false&captionMenus=true#11/43.9889/4.7962){ .md-button }
Il faudra dans ce cas supprimer toutes les informations inutiles dans le tableau de données qui est accessible dans la barre de gauche pour chaque calque.
Pour gagner du temps : sélectionner tous les départements et désélectionner seulement le Vaucluse, puis cliquer sur « Supprimer les lignes sélectionnées ».

View file

@ -0,0 +1,62 @@
!!! abstract "Ce que nous allons apprendre"
- Vérifier le formats du fichier
- Importer le fichier dans uMap
- Régler lapparences des cercles
## Procédons par étapes
Nous allons importer des données quantitatives et les représenter sous forme de cercles proportionnels. On peut aussi représenter des données distantes par cercles proportionnels (voir les tutoriels plus avancés).
### 1. Vérifier le format du fichier
Pour être utilisable dans uMap, le fichier doit être enregistré au format `.csv`, il doit intégrer les cordonnées géographiques. Sans ces deux conditions, le fichier de données nest pas traité.
Il faut également éviter les mises en forme du type espace entre des blocs de trois zéros, sans quoi les cercles ne seront pas proportionnels, mais tous de même taille.
Si la latitude et la longitude ne sont pas présentes, le fichier doit être géocodé.
Le site de la Base Adresse Nationale propose un outil très pratique : <https://adresse.data.gouv.fr/csv>
Il suffit de placer un fichier au format `.csv` contenant des adresses et de cliquer sur « géocodage ». Loutil en ligne ajoute les coordonnées géographiques des adresses.
### 2. Importer le fichier dans uMap
Cliquer sur loutil dimportation en barre de droite :
<shot-scraper
data-output="static/tutoriels/upload-data.png"
data-url="https://umap.openstreetmap.fr/fr/map/new/"
data-alt="Bouton dimport de données."
data-width="46"
data-height="47"
data-selector=".leaflet-toolbar-icon.upload-data"
data-padding="5"
>Bouton dimport de données.</shot-scraper>
Puis choisir le fichier, par exemple ici la population municipale du Cher, le format est `.csv` et cliquer sur « importer » :
![](../../static/tutoriels/circles-markers.png)
Toutes les communes sont représentées par un pointeur. Il reste juste à préciser que les données de ce calque doivent être affichées par cercles proportionnels. Pour ce faire, cliquer sur loutil « Gérer les calques » en barre de droite :
<shot-scraper
data-output="static/tutoriels/control-browse.png"
data-url="https://umap.openstreetmap.fr/en/map/new/"
data-alt="Icône du sélecteur de calque(s)."
data-selector=".umap-control-browse"
data-width="48"
data-height="48"
data-padding="5"
>Icône du sélecteur de calque(s).</shot-scraper>
Puis dans le menu déroulant, sélectionner « Cercles proportionnels » et la donnée de votre tableau que vous voulez représenter en cercles proportionnels :
![](../../static/tutoriels/circles-proportional.jpg)
Il est tout à fait possible de régler la proportionnalité sur les barres de rayon minimum et maximum pour modifier le rendu : lécart est alors amplifié ou plutôt écrasé.
!!! notes
Pour modifier les couleurs des cercles, voir le tutoriel
[Dessiner sur sa carte](/fr/tutorials/4-draw-items/).

Binary file not shown.

After

Width:  |  Height:  |  Size: 977 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 480 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 786 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 816 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

View file

@ -0,0 +1,4 @@
!!! example "This is an ongoing work."
[Let us know](https://github.com/umap-project/umap/issues)
if you are interested [to translate it from French](/fr/tutorials/6-one-click-data-import/).

View file

@ -0,0 +1,4 @@
!!! example "This is an ongoing work."
[Let us know](https://github.com/umap-project/umap/issues)
if you are interested [to translate it from French](/fr/tutorials/8-proportional-circles/).