Tuto : visualiser une ville et ses rues grâce à QGIS simplement avant d’en faire un mug (shp et mauvais goût, bonjour)

Christophe Le-Bas
9 min readDec 30, 2020

--

Les rues des villes peuvent avoir quelque chose de poétique. Ces ruelles, ces boulevards, ces pâtés de maisons qui se forment et ces courbes qui s’entremêlent. Voyons comment en faire dans QGIS et comment les personnaliser.

Apprendre à faire des cartes, ça sert aussi à faire des mugs.

La curiosité et Twitter ont parfois du bon. Ainsi, dernièrement, je suis tombé sur un assez joli qui permet de représenter sur une carte les différentes routes d’une zone définie. Dans le cas présent, de la ville donnée. Il s’agit d’https://anvaka.github.io/city-roads/. On peut ainsi réaliser en quelques secondes une jolie carte de Beaune, par exemple.

Le site propose de télécharger l’image en png ou en vecteur svg.

Or, car le fun est partout, le site propose d’imprimer votre création sur un mug… c’est la mode. Dans quelle mesure le site et la production de mugs personnalisables sont liées, je ne saurais le dire. Mais nous allons voir comment faire ces mêmes cartes avec QGIS. Car ce n’est qu’une question de fichier SHP tout ça.

On peut faire d’une map un mug

Étape 1 : télécharger QGIS

Si ce logiciel gratuit et opensource n’est pas sur votre ordinateur, c’est le moment de le télécharger.

Étape 2 : télécharger les données

Nous allons avoir besoin de fichier en .shp pour faire figurer ces routes sur une carte. Geofabrik.de dispose de ces éléments.

Vous pouvez récupérer les éléments de la région qui vous attire. Je vais prendre les données du Nord — Pas-de-Calais au format .zip. Il faut rester organiser autant que possible et mettre ce zip dans un nouveau dossier et extraire l’archive dans un dossier intitulé NPDC SHP par exemple.

Étape 3 : le grand saut

C’est là que ça se corse. Il faut ouvrir QGIS et ajouter une nouvelle couche à votre projet. Voici ce que vous devriez voir. En 1, l’onglet Ajout d’une couche vecteur. En 2, le chemin depuis votre ordinateur vers les couches que vous venez de récupérer (ici, tout est dans un document). En 3, la couche que nous voulons ajouter, la couche Roads free au format shp.

Le chemin pour ajouter une couche vecteur.

En cliquant ouvrir, puis Ajouter dans la fenêtre QGIS, nous avons importé l’ensemble des routes du Nord — Pas-de-Calais. Bien joué.

C’est rouge.

Dès lors, on peut zoomer sur la commune de notre choix et l’isoler en quelques instants. Admettons que nous voulions Lille. Zoomons sur cette commune et regardons le secteur qui aiguise notre intérêt. Quand vous voyez ce qui vous tente, alors une première option s’offre à vous : l’export immédiat au format .jpg.

Le chemin pour exporter une image.

Projet — importer/exporter — exporter au format image — dessiner sur le canevas — on sélectionne la zone cible — enregistrer.

On sélectionne ce que l’on veut.
Lille.

Et on a la zone au format .jpg. C’est bien mais c’est rouge. Si vous aimez le rouge, pas de souci, sinon… C’est trop rouge. Nous allons changer la couleur de nos routes. Pour cela, il faut cliquer droit sur la couche (gis osm roads free 1), puis Propriétés, puis Symbologie et enfin couleur. On prend la couleur que l’on souhaite, on fait ok, appliquer et…

Changer la couleur des lignes.

Et on a le changement désiré. C’est pas mal.

Lille bis, en bleu.

Reste à trouver un site pour créer votre mug et voilà.

Ce n’est qu’une imp écran, la résolution est moyenne.

La résolution est moyenne, on travaille à partir d’un fichier image un peu léger (115 ko). Cela ne va pas nous aider pour créer un mug du tonnerre. On peut améliorer cela. On va améliorer ça.

Étape 4 : la quête de la qualité

Il existe une autre solution pour exporter notre carte au format image en conservant une belle qualité. Avec cette autre technique, l’export pèsera 2mo, ce qui est bien mieux.

Pour ce faire, dans QGIS, nous devons cliquer sur Projet puis Nouvelle mise en page. Donnons un titre à cette mise en page (par exemple, Lille1) et laissons une nouvelle fenêtre s’ouvrir. Nous avons désormais face à nous une page blanche. Ajoutons la carte et le titre.

Le premier carré permet d’ajouter une carte, le second fait le titre.

En cliquant sur Ajouter une carte, on peut ensuite dessiner sur l’image blanche face à nous. Ce faisant, nous disons à QGIS où doit se trouver la carte. Je vais utiliser tout l’espace disponible et ajouter un titre.

Le titre de base est un lorem ipsum.

Ici, nous pouvons éditer notre titre : mettre Lille à la place de lorem ipsum dans Propriétés principales, changer la police et faire preuve de créativité (ou pas). Nous pouvons ajouter un cadre à ce titre, changer sa couleur, etc. Vous pouvez perdre un peu de temps sur cette étape afin de personnaliser votre production. Une fois que vous atteint la satisfaction absolue, il vous reste l’étape de l’exportation. Mise en page — exporter au format Image — enregistrez l’image avec un nom.

Enregistrer.

On garde la résolution de base et on enregistre. L’image devrait peser 2 mo environ, ce qui permet une impression de meilleure qualité. Si vous avez du goût, évidemment.

LOREEEEEEEEEM.

Puis, ajoutez ceci sur votre mug préféré…

Lille sur un mug.

Nous avons pris pour cet exemple le fichier shp des routes. Nous pourrions faire de même avec les rivières, le réseau de chemin de fer… Tout est dans notre dossier téléchargé depuis Geofabrik. Nous pouvons même aller plus loin.

Étape 5 : toujours plus loin

Nous allons couper notre fichier shp des routes selon une commune de notre choix et faire varier chacune des courbes qui apparaît selon une couleur aléatoire. Pour cela, nous avons besoin du shp des routes (OK), et de la délimitation géographique de la commune. Nous pouvons obtenir ceci grâce à la base de données admin express. Elle est téléchargeable ici :

De préférence, prenez SHP__FRA_L93_2020–07–29.7z car il s’agit de la projection Lambert 93, un standard en France. Extrayez les données dans un autre dossier (Admin express). Puis, depuis QGIS, ouvrez une nouvelle couche vectorielle, celle des communes.

Le chemin pour trouver les communes.

Une nouvelle couche vient d’apparaître au-dessus de votre couche de routes. Pas de souci, on glisse dépose, dans QGIS, la couche route au-dessus de la couche commune.

Horreur ! La couche commune est au-dessus des routes…
C’est mieux… quoique.

Les choses sérieuses commencent. Dans QGIS, faites un clic droit sur la couche commune, puis Ouvrir la table d’attributs. Là, trouvez Lille et sélectionnez la ligne contenant les éléments évoquant Lille.

On clique sur 17445.

Puis, revenez sur la vue globale de QGIS. Lille est en surbrillance (en jaune quoi), clic droit sur Commune, exporter, sauvegarder les entités sélectionnées sous, donnez un nom et ok. On a une couche Lille qui arrive. Vous pouvez décocher la couche Commune, Lille restera en surbrillance.

Nous avons une couche Commune et la couche lille. Décochons Commune.

Remarquez sur votre droite un panneau avec une fonction recherche. Cherchez “Couper”. Nous allons couper la couche route en fonction de la couche Lille. Ainsi, nous ne garderons que les routes de Lille sur notre carte.

Vous devriez avoir ceci.

Une fois “Exécuter” vous avez votre rendu avec seulement les routes de Lille.

Orange et jaunâtre, c’est moyen.

Vous pouvez déjà changer la couleur des routes ou de la couche Lille, la méthode est la mode que précédemment (symbologie).

L’objectif désormais est de faire apparaître chaque portion de route selon une couleur différente. Pour cela, nous allons jouer avec la calculatrice de champ.

Du bleu partout !

Vous devez faire un clic droit sur la couche nommée “découpé” puis “ouvrir la table d’attributs”, cliquez ensuite sur le crayon jaune en haut à droite et enfin le boulier.

Le crayon permet d’accéder au mode d’édition.

Dans le boulier, la fameuse calculatrice de champ, vous devez “Créer un nouveau champ”, nommez-le coloHazard (comme bioHazard), puis, rédigez dans le champ expression : rand(1,10). Et cliquez sur ok.

Chaque ligne dispose désormais d’un chiffre compris entre 1 et 10 qui a été généré aléatoirement par QGIS. Bien. Sauvegardez et retournez sur l’écran d’accueil. Sur la couche Découpé, clic droit Propriété et Symbologie. En haut, il y a un volet déroulant réglé par défaut sur Symbole unique. Faites dérouler et choisissez Catégorisé. Là, dans le champ valeur, déroulez le menu et sélectionnez bioHazard puis, en bas, Classer et enfin Appliquer. Une couleur a été attribuée à chaque rue !

Un choix… discutable.

Dans symbologie, vous pouvez changer la taille de chacun des traits si vous voulez, en cliquant sur Symbole et largeur. Une fois que vous êtes prêt, il s’agit de recommencer la manipulation précédente, à savoir Projet : nouvelle mise en page, ajouter la carte, le titre et exporter.

Un choix TRÈS discutable.

Enfin, si vous êtes heureux (ému ?) de votre création, alors vous pouvez mettre ceci sur un mug. Dans mon cas, non, la honte m’étreint davantage que la fierté. Je me console en me disant que je ne fais ça que pour l’exemple.

Non, pas de quoi être fier.

Conclusion

Nous venons de jouer avec des fichiers de routes en shp. Vous pouvez faire la même chose avec des shp sur les cours d’eau etc. Nous avons joué avec la calculatrice de champ, découpé des couches, modifié des couleurs, créé une mise en page… Plein de chose ! Tout ceci est très personnalisable, bien davantage que le site https://anvaka.github.io/city-roads/. En outre, nous pouvons aussi faire varier la largeur de chaque axe en fonction de son intérêt : une autoroute devant alors apparaître plus largement sur notre carte qu’un chemin pédestre. Mais ceci a déjà été abordé dans une autre publication sur ce même Medium :

https://medium.com/@.Christophe.LeBas/tuto-r%C3%A9aliser-une-jolie-carte-des-%C3%AElots-urbains-en-couleur-mais-sans-aucune-info-avec-qgis-d9d4cbfd2351

Amusez-vous bien, n’hésitez pas à commenter/partager etc !

--

--

Christophe Le-Bas
Christophe Le-Bas

Written by Christophe Le-Bas

Journaliste vagabond, papier, web, data, etc. Ex-La Voix du Nord — Nord éclair — Courrier Picard — L’Aisne nouvelle. De retour à La Voix du Nord #data #dataviz

No responses yet