Disponibilité : cette fonctionnalité est visible sur Android, iOS, JavaScript et Maps Static.
Pour que votre carte soit mieux adaptée aux besoins de vos utilisateurs, mettez en avant les éléments cartographiques en fonction du niveau de zoom sélectionné pour afficher la carte. Par exemple, vous pouvez mettre en avant les POI ou les routes lorsque les utilisateurs effectuent un zoom sur un lieu d'intérêt particulier.
Vous pouvez appliquer un style à des éléments cartographiques pour qu'ils s'affichent de la même manière à tous les niveaux de zoom d'une carte. Vous pouvez également créer, pour certains éléments, des styles différents selon les niveaux de zoom.
Tous les éléments ne permettent pas de personnaliser les niveaux de zoom. Les éléments cartographiques auxquels vous pouvez appliquer un style selon le niveau de zoom sont accompagnés d'une icône en forme de losange située à droite.
Comprendre le style selon le niveau de zoom
Les niveaux de zoom vont de 0 (le plus grand zoom arrière, qui montre le monde entier) à 22 (le plus grand zoom avant, permettant d'afficher un détail spécifique de la carte). Un Keyzoom est un niveau de zoom à partir duquel vous souhaitez appliquer un nouveau style.
Lorsque vous appliquez un style à des éléments cartographiques à différents niveaux de zoom, ce style s'applique à tous les niveaux de zoom supérieurs (plus rapprochés) jusqu'à ce qu'un autre style de niveau de zoom soit atteint. Le niveau de zoom 0 est toujours ajouté avec le style actuel.
Par exemple, si vous appliquez des styles aux niveaux de zoom 5 et 10 :
- Le style "Niveau de zoom 5" s'applique aux niveaux de zoom 5 à 9.
- Le style "Niveau de zoom 10" s'applique aux niveaux de zoom 10 à 22.
- Les niveaux de zoom 0 à 4 conservent le style actuel.
Lorsque vous personnalisez un style selon le niveau de zoom pour un élément cartographique, il remplace tous les styles personnalisés sur l'ensemble de l'élément cartographique.
Personnaliser différents niveaux de zoom
Dans la console Cloud, accédez à Styles de carte et sélectionnez un projet si nécessaire.
Créez ou ouvrez un style de carte, puis sélectionnez Personnaliser. Pour en savoir plus, consultez Créer un style de carte.
Dans le volet Éléments cartographiques, sélectionnez un élément cartographique à personnaliser. Un panneau s'ouvre et affiche les éléments personnalisables.
À côté de l'élément auquel vous souhaitez ajouter un style selon le niveau de zoom, sélectionnez le losange de zoom à droite pour ouvrir le volet correspondant au style selon le niveau de zoom.
À côté de Niveau de zoom actuel, sélectionnez le niveau de zoom que vous souhaitez personnaliser. L'aperçu de la carte s'adapte à ce niveau de zoom.
Sélectionnez Ajouter un Keyzoom. Le volet du style selon le niveau de zoom ajoute le nouveau keyzoom au niveau de zoom sélectionné et affiche la valeur de carte de base par défaut correspondante.
Appliquez un style à ce niveau de zoom, et si nécessaire, au niveau de zoom 0 et à tous les autres niveaux de zoom par défaut listés.
Pour définir un autre niveau de zoom, modifiez le niveau de zoom actuel et sélectionnez à nouveau Ajouter un Keyzoom pour ajouter un autre niveau de zoom à la liste. Continuez à ajouter et à définir des styles selon le niveau de zoom jusqu'à ce que vous ayez terminé.
Ensuite, fermez le volet du style selon le niveau de zoom.
Remplacer les valeurs de couleur de la carte de base par défaut pour un élément
Si vous souhaitez remplacer toutes les valeurs de couleur de la carte de base par défaut d'un élément cartographique à tous les niveaux de zoom, commencez par styliser l'élément dans le volet "Éléments". Lorsque vous ajoutez des zooms de référence à cet élément, ils utilisent la valeur de couleur de l'élément que vous avez définie au lieu de la valeur de couleur de la carte de base par défaut.
Enregistrer et publier un style selon le niveau de zoom
Pour enregistrer les modifications apportées à votre style de carte, sélectionnez Enregistrer.
Pour appliquer vos modifications aux ID de carte associés à votre style de carte, sélectionnez Publier.
Supprimer un style selon le niveau de zoom
Dans le volet Éléments cartographiques, sélectionnez un élément cartographique à personnaliser.
À côté de l'élément dont vous souhaitez supprimer le style selon le niveau de zoom, sélectionnez le petit losange permettant d'effectuer un zoom, à droite. Les éléments appliquant un style selon le niveau de zoom comportent un losange bleu plein.
Pour supprimer un niveau de zoom, sélectionnez l'icône Moins correspondante.
Sélectionnez le symbole X pour fermer le volet du style selon le niveau de zoom.
Supprimer tous les styles selon le niveau de zoom
Si vous souhaitez supprimer tous les styles personnalisés d'un élément cartographique, vous pouvez procéder comme suit:
- Dans le panneau des éléments, sélectionnez l'icône en forme de moins à côté du nom de l'élément.
- Dans le panneau de zoom, sélectionnez l'icône de réinitialisation à côté du nom de l'élément.
Aperçu des informations au niveau de la route
À partir du 27 février 2025, vous pourrez prévisualiser des détails améliorés au niveau de la route aux niveaux de zoom 17 et plus sur vos styles existants, tels que des largeurs de route, des trottoirs, des marquages de voie et d'autres éléments réalistes dans certaines villes. Vous devez activer l'aperçu pour chaque session de l'éditeur de styles. Ces éléments de carte détaillés sur les routes ne sont visibles que dans les SDK ou les API compatibles avec les détails au niveau de la route. Pour les appliquer dans votre application, vous devez mettre à jour le SDK ou l'API associés vers la version compatible avec les détails au niveau de la route. Pour en savoir plus sur les versions de l'API et du SDK, consultez Détails au niveau de la route pour Google Maps Platform.
Pour activer l'aperçu des détails de la route, procédez comme suit:
Dans la console Google Cloud, accédez à Styles de carte.
Sélectionnez un style existant ou créez-en un.
Cliquez sur Personnaliser.
Dans l'éditeur de style, cliquez sur Aperçu des détails de la route.
Dans la boîte de dialogue d'aperçu, activez l'option Détails de la route.
Pour en savoir plus sur les détails au niveau de la route que vous pouvez styliser, consultez Éléments auxquels vous pouvez appliquer un style sur la carte.
Ajouter des styles de niveau de zoom pour adoucir la transition de style pour les niveaux de zoom 17 et plus
Aux niveaux de zoom 17 et plus, lorsque les détails au niveau de la route sont activés, les éléments cartographiques de type "Route" disparaissent et sont remplacés par l'élément cartographique de type "Surface". Lorsque vous effectuez un zoom avant, tous les éléments stylisés qui s'appliquent à l'élément cartographique de surface s'affichent et remplacent les éléments et styles de carte routière.
Dans l'exemple suivant, au niveau de zoom 16, les éléments cartographiques de type "Route" sont stylisés comme suit:
- Les artères sont rouges.
- L'autoroute est bleue.
- Les contenus locaux sont en jaune.
Lorsque vous passez au niveau de zoom 17, les éléments cartographiques de type "Route" sont remplacés par l'élément cartographique de type "Surface", qui est de couleur beige.
Pour une transition plus fluide entre les styles d'éléments cartographiques, vous pouvez ajouter des styles de niveau de zoom. En utilisant des styles de niveau de zoom, vous pouvez verrouiller les couleurs de votre style entre des niveaux de zoom spécifiques et contrôler le moment où passer à une nouvelle couleur de style.
Comme le montre la figure suivante, lorsque vous ajoutez un style de niveau de zoom bleu au niveau de zoom 12 et un style de niveau de zoom beige au niveau de zoom 17, ce qui suit se produit:
- Les autoroutes s'affichent en bleu entre les niveaux de zoom 0 et 12.
- Après le niveau de zoom 12, la couleur bleue commence à s'estomper dans la couleur beige jusqu'à passer complètement à la couleur beige du style d'éléments géographiques de la carte Surface au niveau de zoom 17.
