Ce document décrit la relation conceptuelle entre les styles personnalisés et les modes clair et sombre, définit les différents types de cartes 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'est compatible qu'avec un seul style de mode clair et un seul style de mode sombre. Lorsque vous cliquez sur l'icône de modification 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 cartes
Google Maps Platform propose différents types de cartes pour répondre à divers cas d'utilisation,
y compris roadmap, navigation, hybrid, terrain, 3D roadmap et
3D hybrid. Le niveau de personnalisation dépend du fait que la carte est basée uniquement
sur des données vectorielles (telles que roadmap, navigation et 3D roadmap), utilise un mélange
de données vectorielles et d'images matricielles (telles que terrain et hybrid) ou utilise un
mélange d'images matricielles, de polygones 3D et d'images vectorielles (telles que 3D hybrid).
- Cartes de données vectorielles
- Les types de cartes
roadmap,navigationet3D roadmapn'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 types de cartes
terrain,hybridet3D hybridutilisent des images matricielles avec des données vectorielles en superposition. Par conséquent, leurs capacités de stylisation sont limitées. En général, vous ne pouvez styliser que les données vectorielles qui sont superposées aux images, telles que les libellés, les repères et certaines polylignes (comme les routes et les bordures). Vous ne pouvez pas personnaliser les éléments qui font partie des images de base - Par exemple, l'image ci-dessous montre un style avec un thème bleu. L'eau est stylisée plus sombre que par défaut, et une palette bleue est appliquée aux routes, zones extérieures et aux points d'intérêt. Lorsque vous prévisualisez le style en mode hybride et hybride 3D, l'eau et les zones extérieures ne sont pas bleues, mais les routes et les points d'intérêt sont toujours stylisés.
Définitions des types de cartes et compatibilité des modes
Le tableau suivant définit les types de cartes et indique ceux qui sont compatibles avec les modes clair et sombre.
| Type de carte | Description | Images de la carte de base | Compatibilité des modes |
|---|---|---|---|
roadmap |
Vue de carte standard qui affiche les routes et les principaux éléments. | Vecteur | Mode clair et sombre |
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 de la personnalisation des styles de carte pour le SDK Navigation pour Android et le SDK Navigation pour iOS. | Vecteur | Mode clair et sombre |
terrain |
Carte qui met l'accent sur les éléments physiques du terrain, comme les montagnes, les rivières et l'altitude. | Vectoriel et matriciel | Mode clair et sombre |
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. | Vectoriel et matriciel | Mode clair uniquement |
3D roadmap |
Carte standard 3D qui affiche les routes et les principaux éléments. Ce type de carte n'est disponible que dans les cartes 3D de l'API Maps JavaScript. | Vecteur | 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 cartes terrain, 2D hybrid, 3D hybrid et 3D roadmap, 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 du terrain. Ce chargement différé provoque un bref conflit visuel dans les couleurs personnalisées.Les styles de polygones peuvent masquer les éléments de carte sous-jacents sur les types de cartes
terrain,2D hybridet3D hybrid. Par exemple, un polygone de parc stylisé sur une carte de terrain peut masquer des éléments de terrain subtils. Sur les cartes hybrides, 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 cartes
3D roadmapet3D hybrid, vous ne pouvez pas modifier les paramètres de la carte pour contrôler la densité des points d'intérêt, le style des bâtiments, le style des points de repère, et la couleur d'arrière-plan de l'application.
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 cartes pour voir comment ils s'appliquent. Cela est particulièrement important, car tous les styles ne s'appliquent pas à tous les types de cartes.
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 cartes. 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 cartes
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 cartes. Vous pouvez vérifier une fois de plus comment le style s'applique aux types de cartes dans la section Aperçu de la carte.