docs: new tutorials by @C-Sophie
99
docs-users/fr/tutorials/6-one-click-data-import.md
Normal file
|
@ -0,0 +1,99 @@
|
||||||
|
!!! abstract "Ce que nous allons apprendre"
|
||||||
|
|
||||||
|
- Importer le contour d’une commune
|
||||||
|
- Importer les contours des départements ou des régions
|
||||||
|
- Importer un point d’intérêt (bibliothèques, parkings, …) qui est enregistré sur OpenStreetMap
|
||||||
|
|
||||||
|
## Procédons par étapes
|
||||||
|
|
||||||
|
Il est conseillé de vérifier si les données n’existent pas avant de se lancer dans leur dessin. On peut gagner un temps précieux avec l’assistant d’importation intégré dans uMap et conserver une carte qui n’est pas trop lourde au chargement.
|
||||||
|
|
||||||
|
Voilà les deux actions à effectuer une fois une carte préexistante, ou une nouvelle carte vierge ouverte :
|
||||||
|
|
||||||
|
- Cliquez sur l’outil d’import de données dans la barre de droite puis sélectionnez les données déjà prêtes à l’emploi
|
||||||
|
- Cliquez sur « Importer » et le cas échéant enjolivez la carte, car des figurés par défaut sont utilisés
|
||||||
|
|
||||||
|
uMap permet d’utiliser 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. D’ores et déjà, vous pouvez utiliser l’assistant d’importation pour récupérer en un clic des contours administratifs et des points d’intérêt.
|
||||||
|
|
||||||
|
### Ressources disponibles (20/09/2024)
|
||||||
|
|
||||||
|
Au 20 septembre 2024, les imports suivants sont disponibles :
|
||||||
|
|
||||||
|
- contour d’une commune
|
||||||
|
- contours des départements et des régions
|
||||||
|
- données issues d’OpenStreetMap placées dans [GeoDataMine](https://geodatamine.fr/). Comme son nom l’indique, 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 l’assistant, consulter les tutos plus avancés et la [page wiki](https://wiki.openstreetmap.org/wiki/Overpass_turbo/Wizard)
|
||||||
|
|
||||||
|
|
||||||
|
!!! note
|
||||||
|
Il manque des données ? N’hésitez pas à contribuer pour les ajouter et vous en serez les premiers bénéficiaires !
|
||||||
|
|
||||||
|
|
||||||
|
### Cliquez sur l’outil d’import des données
|
||||||
|
|
||||||
|
Voici un bref passage en revu des différents imports proposés et pour finir l’import de la localisation des bibliothèques de Clermont- Ferrand :
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
## 1. Importer le contour d’une commune
|
||||||
|
|
||||||
|
Cliquez sur l’outil d’importation en bas de la barre de droite, puis descendez jusqu’au cadre « Assistants d’import ».
|
||||||
|
|
||||||
|
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é n’est pas le code postal mais le code INSEE de la commune.
|
||||||
|
|
||||||
|
Voici le résultat avec la commune d’Arles (la plus vaste de France métropolitaine, un gain certain si on fait l’économie de dessiner son contour !)
|
||||||
|

|
||||||
|
|
||||||
|
Une fois cet import réalisé, tout est réglable : couleur de contour, de fond, affichage oui non d’une étiquette.
|
||||||
|
|
||||||
|
## 2. Importer les contours des départements ou des régions
|
||||||
|
|
||||||
|
Cliquez sur l’outil d’importation en bas de la barre de droite, puis descendez jusqu’au cadre « Assistants d’import ».
|
||||||
|
|
||||||
|
Cliquez sur « Contours nationaux » puis soit départements, soit régions et enfin le type de calque (voir supra l’explication). Tous les départements sont importés :
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
## 3. Importer un point d’intérêt issu de GeoDataMine
|
||||||
|
|
||||||
|
Cliquez sur l’outil d’importation en bas de la barre de droite, puis descendez jusqu’au cadre « Assistants d’import ».
|
||||||
|
|
||||||
|
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 d’eau potable de la CA du Grand Avignon, puis « Copier dans un calque »
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
Voici une réelle économie de temps plutôt que de placer pointeur après pointeur tous les points d’eau.
|
||||||
|
|
||||||
|
## 4. La carte combinée
|
||||||
|
|
||||||
|
Bien entendu, on peut tout à fait combiner les différentes couches d’information et présenter par exemple la carte des Points d’eau potable dans la CA du Grand Avignon, avec les contours des communes qui composent l’EPCI, du département et de la région :
|
||||||
|
|
||||||
|
### Points d’eau potable du Grand Avignon
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
[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 ».
|
||||||
|
|
||||||
|
|
||||||
|
|
62
docs-users/fr/tutorials/8-proportional-circles.md
Normal file
|
@ -0,0 +1,62 @@
|
||||||
|
!!! abstract "Ce que nous allons apprendre"
|
||||||
|
|
||||||
|
- Vérifier le formats du fichier
|
||||||
|
- Importer le fichier dans uMap
|
||||||
|
- Régler l’apparences 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 n’est 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 ». L’outil en ligne ajoute les coordonnées géographiques des adresses.
|
||||||
|
|
||||||
|
### 2. Importer le fichier dans uMap
|
||||||
|
|
||||||
|
Cliquer sur l’outil d’importation 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 d’import de données."
|
||||||
|
data-width="46"
|
||||||
|
data-height="47"
|
||||||
|
data-selector=".leaflet-toolbar-icon.upload-data"
|
||||||
|
data-padding="5"
|
||||||
|
>Bouton d’import 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 » :
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
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 l’outil « 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 :
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
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/).
|
BIN
docs-users/static/tutoriels/circles-markers.png
Normal file
After Width: | Height: | Size: 977 KiB |
BIN
docs-users/static/tutoriels/circles-proportional.jpg
Normal file
After Width: | Height: | Size: 239 KiB |
BIN
docs-users/static/tutoriels/importer-arles.png
Normal file
After Width: | Height: | Size: 480 KiB |
BIN
docs-users/static/tutoriels/importer-departements.png
Normal file
After Width: | Height: | Size: 786 KiB |
BIN
docs-users/static/tutoriels/importer-geodatamine.png
Normal file
After Width: | Height: | Size: 816 KiB |
BIN
docs-users/static/tutoriels/importer-multi.png
Normal file
After Width: | Height: | Size: 653 KiB |
BIN
docs-users/static/tutoriels/importer.gif
Normal file
After Width: | Height: | Size: 3.4 MiB |
4
docs-users/tutorials/6-one-click-data-import.md
Normal 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/).
|
4
docs-users/tutorials/8-proportional-circles.md
Normal 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/).
|