
Ce document décrit la relation conceptuelle entre les styles personnalisés et les modes clair et sombre. Il définit également les différents types de carte et explique comment leur appliquer vos styles.
Pour commencer à utiliser des styles personnalisés, consultez Créer un style.
Comprendre les modes clair et sombre
Vous pouvez créer deux styles distincts pour un seul ID de carte : un optimisé pour les arrière-plans clairs et un pour les arrière-plans sombres. Les cartes avec arrière-plan clair utilisent une carte de base différente de celles avec arrière-plan sombre. Par conséquent, vous ne pouvez pas utiliser un seul style pour les deux modes.
Les styles des modes clair et sombre fournissent la carte stylisée la plus adaptée aux différents environnements. Lorsque vous utilisez l'ID de carte dans vos applications, votre application peut charger le style approprié en fonction du comportement programmé ou des paramètres de l'appareil de l'utilisateur.
Choisir le mode clair ou sombre lors de la création d'un style
Vous choisissez le mode clair ou sombre lorsque vous créez ou copiez un style. Vous ne pouvez pas modifier le mode d'un style après sa création.
Vous pouvez vérifier le type de style sur la page des détails du style.
Pour obtenir des instructions détaillées sur la création de styles personnalisés, consultez Créer et utiliser des styles de carte.
Associer un style de mode clair et un style de mode sombre à un ID de carte
Un ID de carte n'accepte qu'un seul style de mode clair et un seul style de mode sombre. Lorsque vous cliquez sur l'icône Modifier pour modifier un style de mode clair ou un style de mode sombre, le panneau n'affiche que vos styles pour ce mode. Pour en savoir plus, consultez Associer votre style à un ID de carte.
Comprendre comment les styles personnalisés s'appliquent à plusieurs types de carte
Google Maps Platform propose différents types de carte pour répondre à divers cas d'utilisation, y compris roadmap, terrain, 2D hybrid, 3D hybrid et navigation. Le niveau de personnalisation dépend du fait que la carte est basée uniquement sur des données vectorielles (comme roadmap et navigation), utilise un mélange de données vectorielles et d'images matricielles (comme 2D hybrid et terrain), ou utilise un mélange d'images matricielles, de polygones 3D et d'images vectorielles (comme 3D hybrid).
- Cartes de données vectorielles
- Les
roadmapetnavigationtypes de carte n'utilisent que des données vectorielles, ce qui vous permet de styliser de manière complète la plupart des éléments cartographiques, y compris les polygones pour la terre et l'eau, les routes, les points de repère et les points d'intérêt.
- Cartes d'images matricielles
- Les
terrain,2D hybrid, et3D hybridtypes de carte utilisent principalement des images matricielles avec des données vectorielles superposées. Par conséquent, leurs capacités de stylisation sont limitées. En général, vous ne pouvez styliser que les données vectorielles que vous superposez aux images, telles que les libellés, les repères et certaines polylignes (c'est-à-dire les routes, les bordures). Vous ne pouvez pas personnaliser les éléments qui font partie des images de base, comme la couleur d'un lac ou l'apparence d'une chaîne de montagnes. - Par exemple, l'image montre la carte routière avec un style personnalisé d'eau rose. Toutefois, lorsque vous prévisualisez le style pour les types de carte de relief et hybrides, l'eau n'apparaît pas rose.
Définitions des types de carte et compatibilité des modes
Le tableau suivant définit les types de carte et indique ceux qui sont compatibles avec les modes clair et sombre.
| Type de carte | Description | Imagerie de la carte de base | Compatibilité des modes |
|---|---|---|---|
roadmap |
Vue de carte standard qui affiche les routes et les principaux éléments. | Vecteur | Les deux |
navigation |
Type de carte spécialisé optimisé pour le guidage pas à pas à l'aide du SDK Navigation. Pour en savoir plus sur la navigation, consultez la présentation des styles de carte personnalisés pour le SDK Navigation pour Android et le SDK Navigation pour iOS. | Vecteur | Les deux |
terrain |
Carte qui met l'accent sur les éléments physiques du terrain, comme les montagnes, les rivières et l'altitude. | Trame | Les deux |
2D hybrid |
Combinaison d'images satellite et de données de carte routière, affichant les noms de rues et d'autres éléments clés superposés aux images. | Trame | Mode clair uniquement |
3D hybrid |
Carte 3D photoréaliste dans laquelle vous pouvez styliser la visibilité des libellés des points d'intérêt , des routes et des panneaux de signalisation. Ce type de carte n'est disponible que dans les cartes 3D de l'API Maps JavaScript. | Vectoriel et matriciel | Mode clair uniquement |
Considérations relatives au style pour les cartes d'images matricielles
Lorsque vous stylisez les types de carte terrain, 2D hybrid et 3D hybrid, vous pouvez observer les comportements suivants :
Lorsque vous utilisez des styles personnalisés sur Android et iOS avec le type de carte
terrain, vous remarquerez peut-être que l'eau clignote temporairement. Ce comportement attendu se produit lors de la stylisation de l'eau, car les tuiles de la carte routière se chargent après les tuiles de relief. Ce chargement différé provoque un bref conflit visuel dans les couleurs personnalisées.Les styles de polygone peuvent masquer les éléments de carte sous-jacents sur les types de carte
terrainet2D hybrid. Par exemple, un polygone de parc stylisé sur une carte de relief peut masquer des éléments de relief subtils. Sur une carte hybride 2D, il peut masquer les images satellite sous-jacentes.Pour
3D hybrid, les polylignes de route peuvent s'afficher sous les ponts ou apparaître de manière incorrecte autour des passages supérieurs et inférieurs.Pour les types de carte
3D hybrid, vous ne pouvez pas modifier les paramètres de la carte pour contrôler la densité des points d'intérêt ni le style des bâtiments et des points de repère.
Prévisualiser vos styles sur chaque type de carte
Une fois que vous avez créé vos styles personnalisés, testez-les sur les différents types de carte pour voir comment ils s'appliquent. Cela est particulièrement important, car tous les styles ne s'appliquent pas à tous les types de carte.
Dans la console Google Cloud, vous pouvez prévisualiser vos styles personnalisés dans l'éditeur de style ou sur la page des détails de la carte, comme suit :
- Éditeur de style : dans le panneau contextuel, sélectionnez la liste déroulante
Map typeet modifiez le type de carte. La carte s'actualise et affiche le type de carte avec votre style appliqué. - Page des détails de la carte : dans la section Aperçu de la carte , vous pouvez basculer entre les styles de mode clair et sombre, et modifier la variante dans la liste déroulante pour différents types de carte. Vous devez d'abord associer votre style à l'ID de carte avant de pouvoir le prévisualiser.
Appliquer vos styles personnalisés à plusieurs types de carte
Sur la page des détails de la carte, une fois que vous avez associé vos styles de mode clair et sombre à votre ID de carte, cliquez sur Afficher plus pour choisir d'appliquer ou non vos styles personnalisés à plusieurs types de carte. Vous pouvez vérifier une fois de plus comment le style s'applique aux types de carte dans la section Aperçu de la carte.