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.
Comprendre les transitions de niveau de zoom pour les cartes 3D
Lorsque vous inclinez une carte 3D et passez d'un niveau de zoom à un autre, vous pouvez voir des couleurs de transition en dehors des styles de niveau de zoom que vous avez définis.
Par exemple, si vous définissez les styles de niveau de zoom comme suit :
- Pour le niveau de zoom 10, la couleur de remplissage de l'eau est noire.
- Pour le niveau de zoom 11, la couleur de remplissage de l'eau est blanche.
La couleur de remplissage de l'eau peut apparaître en gris lors de la transition entre les deux niveaux de zoom, comme illustré dans la figure suivante :
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. Le volet de style 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 Keyzoom.
À 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 pour ajouter un Keyzoom au niveau de zoom sélectionné et afficher la valeur de la carte de base par défaut correspondante.
Appliquez un style à ce niveau de zoom et à tous les autres niveaux de zoom si nécessaire.
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 Keyzoom.
Remplacer les valeurs de couleur de la carte de base par défaut pour un élément
Pour remplacer toutes les valeurs de couleur de la carte de base par défaut pour un élément sur tous les niveaux de zoom, commencez par appliquer un style à l'élément. Lorsque vous ajoutez des Keyzooms, le Keyzoom utilise la couleur que vous avez définie pour l'élément au lieu de la 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 personnalisé.
À côté d'un élément de style, sélectionnez le losange à droite. Les éléments appliquant un style selon le niveau de zoom personnalisé comportent un losange bleu plein.
Dans le volet Keyzoom, sélectionnez l'icône en forme de signe moins pour supprimer un 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 de l'une des manières suivantes :
- Dans le volet de style, sélectionnez l'icône en forme de signe moins à côté du nom de l'élément.
- Dans le volet Keyzoom, sélectionnez l'icône de réinitialisation à côté du nom de l'élément.
Aperçu des détails au niveau de la route
Vous pouvez prévisualiser des détails améliorés au niveau de la route à des niveaux de zoom supérieurs ou égaux à 17 sur vos styles existants, tels que des largeurs de route réalistes, des trottoirs, des marquages de voies et d'autres éléments dans certaines villes. Vous devez activer l'aperçu pour chaque session de l'éditeur de styles. Ces éléments cartographiques détaillés sur les routes ne sont visibles que sur 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é 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 sur les routes, procédez comme suit :
Dans la console Google Cloud, accédez à Styles de carte.
Sélectionnez un style existant ou Créer un style.
Cliquez sur Personnaliser.
Dans l'éditeur de styles, cliquez sur Aperçu des détails sur les routes.
Dans la boîte de dialogue d'aperçu, activez Détails sur les routes.
Pour en savoir plus sur les détails au niveau de la route auxquels vous pouvez appliquer un style, consultez Éléments auxquels vous pouvez appliquer un style sur la carte.
Ajouter des styles selon le niveau de zoom pour adoucir la transition de style pour les niveaux de zoom supérieurs ou égaux à 17
Aux niveaux de zoom supérieurs ou égaux à 17, lorsque les détails au niveau de la route sont activés, les éléments cartographiques de la carte routière disparaissent et sont remplacés par l'élément cartographique de la carte de surface. Lorsque vous effectuez un zoom avant, tous les éléments stylisés qui s'appliquent à l'élément cartographique de la carte de surface s'affichent et remplacent les éléments cartographiques et les styles de la carte routière.
Pour rendre la transition entre les styles des éléments cartographiques plus fluide, vous pouvez ajouter des styles selon le niveau de zoom afin de verrouiller les couleurs de votre style entre des niveaux de zoom spécifiques. Vous pouvez également utiliser des styles selon le niveau de zoom pour contrôler le moment où vous passez en douceur à une nouvelle couleur de style.
Par exemple, au niveau de zoom 16, les éléments cartographiques listés sont stylisés comme suit :
- Les routes principales sont rouges.
- Les autoroutes sont bleues.
- Les routes locales sont jaunes.
- La surface est beige.
Lorsque vous effectuez un zoom avant jusqu'au niveau de zoom 17, les routes principales, les autoroutes et les routes locales passent à l'élément cartographique de la carte de surface, qui est stylisé en beige.
Pour créer une transition plus fluide entre les éléments cartographiques de la carte routière et l'élément cartographique de la carte de surface, ajoutez les Keyzooms et le style selon le niveau de zoom suivants :
| Élément cartographique | Niveau de zoom 0 | Niveau de zoom 12 | Niveau de zoom 17 |
|---|---|---|---|
| Principales | rouge | rouge | beige |
| Autoroute | bleu | bleu | beige |
| Local | jaune | jaune | beige |
Après avoir ajouté un style selon le niveau de zoom, lorsque vous effectuez un zoom avant, voici ce qui se produit :
- Les routes principales, les autoroutes et les routes locales affichent la couleur stylisée personnalisée entre les niveaux de zoom 0 et 12.
- Après le niveau de zoom 12, la couleur stylisée commence à s'estomper pour devenir beige jusqu'à la transition complète vers la couleur beige du style de l'élément cartographique de la carte de surface au niveau de zoom 17.
