Exemples de style selon le niveau de zoom

Sélectionnez une plate-forme : Android iOS JavaScript Services Web

Vous trouverez sur cette page quelques exemples de styles d'éléments complexes pour différents niveaux de zoom. Certains types de styles d'éléments ne peuvent être visibles qu'à certains niveaux de zoom, comme les bâtiments 3D ou les points d'intérêt (POI).

Routes jaunes avec contour vert

Personnalisez toutes les routes avec un remplissage jaune clair et un contour vert foncé comme style de base. Capture d'écran d'une carte stylisée personnalisée montrant plusieurs routes. Les routes sont jaune clair avec un contour vert.

  1. Dans le volet Éléments géographiques, sélectionnez Routes. Le volet Type d'élément s'ouvre.
  2. Dans le volet Type d'élément, sous Géométrie, sélectionnez le type d'élément Remplissage. Le volet Stylers s'affiche.
  3. Dans le volet Stylers, sélectionnez un jaune clair (code hexadécimal #eeeec8, par exemple).
  4. Dans le volet Type d'élément, sous Géométrie, sélectionnez le type d'élément Trait.
  5. Dans le volet Stylers, sélectionnez un vert foncé (code hexadécimal #155304, par exemple).
  6. Dans le volet Stylers, définissez la valeur Épaisseur sur "3".

Lorsque vous faites un zoom avant ou arrière, différentes routes affichent ce style lorsqu'elles apparaissent ou disparaissent. Quand les routes deviennent trop petites pour afficher le contour, elles n'affichent que la couleur jaune plus claire.

Apparence du bâtiment

Affichez tous les bâtiments en rouge moyen foncé.

Les contours des différents bâtiments sont visibles à partir du niveau de zoom 17. Certains bâtiments ne disposent pas d'options d'affichage 3D.

  1. Dans le volet Éléments géographiques, sélectionnez Bâtiments. Le volet Type d'élément s'ouvre.
  2. Dans le volet Type d'élément, sélectionnez le style de bâtiment Empreintes.
    Pour afficher des bâtiments 3D dans votre style de carte, sélectionnez 3D et n'allez pas plus loin. En ajoutant des couleurs aux bâtiments, vous remplacez l'affichage 3D.
  3. Dans le volet Type d'élément, sélectionnez Tous. Le volet Stylers s'affiche.
  4. Dans le volet Stylers, sélectionnez un rouge moyen foncé (code hexadécimal #c23a00, par exemple). Tous les bâtiments de la carte apparaissent en rouge.
Deux captures d'écran d'une carte stylisée personnalisée, avec zoom avant au niveau 19. Sur la gauche, les bâtiments s'affichent en trois dimensions, avec de légères ombres sur certains côtés. Sur la droite, les bâtiments sont de couleur rouge foncé et ne font apparaître ni dimensions, ni ombres.

Différentes couleurs d'eau

Ajoutez un style de sorte que l'eau apparaisse en bleu foncé avec un zoom arrière maximal (z0), en bleu moyen en cas de zoom avant sur un État ou une province (niveau de zoom 6 sur un ordinateur portable) et en bleu clair avec une bordure bleu foncé en cas de zoom avant juste au-dessus du niveau de zoom le plus rapproché (z19). Deux captures d'écran d'une carte stylisée personnalisée. Sur la gauche, la partie terre est entourée d'eaux bleu moyen foncé. L'image de droite affiche la même zone sur la carte, avec un zoom avant d'un niveau. L'eau est un peu plus claire que sur la carte de gauche.

  1. Dans le volet Éléments géographiques, sélectionnez Eau. Le volet Type d'élément s'ouvre.
  2. Choisissez la couleur d'eau la plus sombre pour le niveau de zoom maximal.
    1. Dans le volet Type d'élément, sélectionnez Géométrie. Le volet Stylers s'affiche.
    2. Dans le volet Stylers, sélectionnez un bleu foncé.
    3. Cochez l'option Personnaliser les zooms, puis la case Ajouter une étape pour le niveau z0.
  3. Remplacez la couleur de l'eau par du bleu moyen à partir du niveau de zoom 6.
    1. Dans le volet Stylers, déplacez le curseur de zoom vers la droite sur z6.
    2. Cochez la case Ajouter une étape pour le niveau z6.
    3. Sélectionnez un bleu moyen.
  4. Modifiez le remplissage de l'eau et choisissez un bleu clair avec un contour large à deux points bleu foncé au niveau de zoom 19.
    1. Dans le volet Stylers, déplacez le curseur de zoom vers la droite sur z19.
    2. Dans le volet Type d'élément, sous Géométrie, sélectionnez Remplissage.
    3. Dans le volet Stylers, sélectionnez Personnaliser les zooms et cochez la case Ajouter une étape pour le niveau z19.
    4. Sélectionnez un bleu clair.
    5. Dans le volet Type d'élément, sous Géométrie, sélectionnez Trait.
    6. Sélectionnez Personnaliser les zooms, puis cochez la case Ajouter une étape pour le niveau z19.
    7. Sélectionnez un bleu foncé.
    8. Dans le volet Stylers, déplacez le curseur vers la droite pour définir la valeur Épaisseur sur "2".

Sur les ruisseaux et de nombreuses petites rivières, seule la couleur du corps est visible, même si l'utilisateur fait un zoom avant maximum. La différence entre trait et remplissage est visible sur les grands étangs, les lacs et les étendues d'eau plus vastes.