Création de zooms circulaires et autres astuces amusantes de mise en page dans QGIS#

Date de publication initiale : 17 novembre 2022

Introduction#

Grâce à la récente popularité du «30 Day Map Challenge», le mois de novembre est devenu synonyme de belles cartes et cartographies. Au cours de ce mois de novembre, nous allons partager un certain nombre de conseils et d'astuces qui utilisent certaines fonctionnalités avancées de QGIS pour aider à créer de belles cartes.

Une technique qui peut améliorer considérablement l'apparence des cartes consiste à remplacer les zooms rectangulaires par des formes plus douces, inspirées par la nature, telles que des cercles ou des ovales.

En 2020, nous avons eu l'occasion d'ajouter la possibilité dans les mise en page de QGIS de créer directement des zooms circulaires (grâce au parrainage de la ville de Canning, en Australie !). Bien que cette fonctionnalité facilite la création de zooms non rectangulaires, de nombreux utilisateurs de QGIS ne savent peut-être pas que c'est possible. Nous avons donc voulu mettre en avant cette fonctionnalité pour notre premier post du 30 Day Map Challenge.

Commenter cet article

Zooms circulaires : exemple avec les JO de 2032#

Commençons par un exemple de carte. Nous vous présentons ci-dessous un extrait de la candidature de Brisbane aux Jeux olympiques de 2032 que certains membres de l'équipe de North Road ont contribué à créer (au nom de SMEC pour EKS). Cette carte est conçue pour mettre en évidence les sites potentiels dans le sud-est du Queensland et les possibilités de déplacement entre ces régions :

Les cercles figuraient en bonne place sur les cartes des précédentes candidatures olympiques (comme celle de Budapest), dont nous nous sommes inspirées. En utilisant le même langage que les destinaires de la carte – pensez aux anneaux olympiques ! – cela peut, ou non, jouer un rôle.

Guide étape par étape de la création d'un zoom circulaire#

Création de la mise en page initiale#

Tout d'abord, préparez une mise en page avec une carte principale et un zoom. Veillez à ce que celui-ci soit suffisamment grand pour couvrir le cercle souhaité :

Zoom circulaire#

Dans la barre d'outils de mise en page, cliquez sur le bouton Ajouter Forme, puis sélectionnez Ajouter Ellipse :

Dessinez l'ellipse au milieu de votre zoom (astuce : si vous maintenez la touche Maj enfoncée pendant que vous dessinez l'ellipse, vous la forcerez à prendre une forme circulaire !) Si vous n'avez pas réussi à créer un cercle exact, vous pouvez préciser manuellement la largeur et la hauteur dans les propriétés de l'élément de forme. Pour cet exemple, nous avons choisi un cercle de 50 mm x 50 mm :

Ensuite, sélectionnez l'élément zoom et, dans ses propriétés, cliquez sur le bouton Paramètres de découpage :

Dans les paramètres de découpage, faites défiler jusqu'à la deuxième section et cochez la case Découper aux limites de l'élément, puis sélectionnez votre élément Ellipse dans la liste. (Si vous avez des étiquettes affichées dans votre zoom, vous pouvez également cocher l'option « Forcer les étiquettes à l'intérieur de la forme de découpage » pour forcer ces étiquettes à l'intérieur du cercle. Si vous ne cochez pas cette option, les étiquettes seront autorisées à déborder en dehors du cercle).

Votre zoom est maintenant lié à l'ellipse !

Aperçu circulaire#

Encore un peu plus de magie à ajouter à cette carte – dans les propriétés de la carte principale, cliquez sur Aperçus et créez-en un pour le zoom, il affichera alors la zone circulaire visible et non le rectangle !

Point bonus : un texte de titre circulaire !#

Pour les utilisateurs avancés, nous avons une autre astuce amusante... et par amusante nous voulons dire « jouons avec les courbes » ! Ici, nous allons créer un titre avec un arrière-plan calé sur le contour de notre zoom circulaire. Cela demande un peu de doigté, mais le résultat final peut être visuellement remarquable ! Nous allons utiliser l'élément HTML de la mise en page de QGIS pour créer un dessin avancé. Une certaine expérience du codage HTML et CSS est donc souhaitable. (Une autre approche serait d'utiliser une application d'illustration vectorielle comme Inkscape, et d'ajouter votre titre et votre fond circulaire en tant qu'élément SVG dans la mise en page d'impression).

Texte circulaire#

Nous allons commencer par créer un texte circulaire incurvé :

Tout d'abord, ajoutez un « cadre HTML » à votre mise en page d'impression :

Les cadres HTML permettent de placer du contenu dynamique dans vos mises en page, qui peuvent utiliser HTML, CSS et JavaScript pour créer des composants graphiques.

Dans le champ « source » de l'élément HTML, ajoutez le code suivant :

<svg height="300" width="350">
        <defs>
            <clipPath id="circleView">
                <circle id="curve" cx="183" cy="156" r="25" fill="transparent" />
            </clipPath>
        </defs>
        <path id="forText" d="M 28,150, C 25,50, 180,-32,290,130" stroke="" fill="none"/>
            <text x="0" y="35" width="100">
                <textpath xlink:href="#forText">
                    <tspan font-weight="bold" fill="black">Place text here</tspan>
                </textpath>
            </text>
             <style>
    <![CDATA[
      text{
        dominant-baseline: hanging;
        font: 20px Arial;
      }
    ]]>
  </style>
</svg>

Arrière-plan du texte circulaire#

Maintenant, ajoutons un arrière-plan pour mettre davantage l'accent sur le titre !

Pour ajouter l'arrière-plan, créez un autre cadre HTML. Nous allons à nouveau créer la forme de l'arc en utilisant un élément SVG, donc ajoutez le code suivant dans le champ « source » de l'élément :

<svg width="750" height="750" xmlns="http://www.w3.org/2000/svg">
  <path d="M 90 70
           A 56 56, 0, 0, 0, 133 140
           L 150 90 Z" fill="#414042" transform=" scale(2.1) rotate(68 150 150) "
  />
</svg>

Et voilà ! Ces deux techniques peuvent vous aider à pousser plus loin vos créations de cartes QGIS et à faciliter la création de belles cartographies directement dans QGIS lui-même. Si vous avez trouvé ces conseils utiles, gardez un œil sur ce blog car nous publierons d'autres conseils et astuces au cours du mois de novembre.

Et n'oubliez pas de suivre le 30 Day Map Challenge pour découvrir tout un assortiment de cartes absolument époustouflantes.

Auteur·ice#

Jérémie PRUD'HOMME#

Géomaticien au service départemental d'incendie et de secours (SDIS) de la Drôme depuis 2018, c'est mon premier poste dans ce domaine après une dizaine d'années à mettre en place des échanges de données informatisés avec les clients de sociétés de transport de marchandises par la route puis une formation diplômante d'un an pour obtenir le titre de technicien SIG.

J'aime me tenir au courant des nouveautés autour des SIG par différents moyens, Géotribu en faisant partie je me suis dit que je pouvais apporter mon aide en rejoignant les personnes contributrices en 2022.

Licence Beerware #

Ce contenu est sous licence Beerware (Révision 42).
Les médias d'illustration sont potentiellement soumis à d'autres conditions d'utilisation.

Commentaires