Lorsque vous personnalisez un style de carte, il est utile de comprendre en quoi appliquer un style à différents éléments cartographiques peut influer sur les autres styles de la carte. Plusieurs calques se chevauchent :
Carte de base : lorsque vous commencez à créer un style de carte, le style initial qui s'affiche est celui de la carte de base, c'est-à-dire la carte par défaut. Les éléments cartographiques que vous ne personnalisez pas conservent le style de la carte de base.
Styles de carte : les styles personnalisés remplacent les styles du calque de la carte de base.
Sur cette image, le style de carte personnalisé remplace les zones urbaines en turquoise et les routes en bleu foncé.
Éléments de style : chaque élément cartographique comporte un ou plusieurs éléments de style que vous pouvez personnaliser. Sur cette image, le style turquoise est appliqué à la couleur de remplissage des polygones représentant les zones urbaines, et le bleu est appliqué au réseau routier.
Hiérarchie des éléments cartographiques
Dans un style de carte, les éléments cartographiques sont organisés de façon hiérarchique, avec quatre éléments cartographiques généraux en haut et tous les autres éléments cartographiques en dessous selon une hiérarchie logique. Par défaut, un élément cartographique hérite des styles d'éléments de l'élément cartographique situé au-dessus de lui dans la hiérarchie (son parent). Toutefois, vous pouvez remplacer le style de premier niveau en définissant un ou plusieurs éléments de style pour les éléments cartographiques qui se trouvent en dessous (éléments cartographiques enfants). Pour en savoir plus sur la hiérarchie des éléments cartographiques, consultez Éléments auxquels vous pouvez appliquer un style sur la carte.
Chaque élément cartographique comporte un ou plusieurs éléments, ou des parties, auxquels vous pouvez appliquer un style. Par exemple, la couleur de remplissage du polygone (forme de l'élément cartographique) est un élément, tout comme la couleur du trait du libellé (texte). Vous appliquez un style à chaque élément séparément, et tout élément auquel vous n'avez pas appliqué de style conserve le style par défaut. Étant donné que les éléments sont distincts, vous pouvez appliquer un style à la couleur de remplissage du texte du libellé et conserver la couleur du trait (contour) par défaut (ou hériter d'un style parent).
Voici quelques consignes utiles pour comprendre le fonctionnement de la hiérarchie et de l'héritage des styles.
Les styles enfants par défaut héritent du parent : pour que tous les éléments cartographiques enfants héritent d'un style sur la carte, définissez le style de l'élément cartographique parent et conservez le style enfant par défaut.
Les styles enfants personnalisés remplacent le style parent : pour remplacer le style parent, définissez un style personnalisé au niveau de l'élément cartographique enfant.
Les éléments de style sont indépendants : les éléments de style que vous pouvez définir pour un élément cartographique (par exemple, le polygone, l'icône du libellé, ainsi que le remplissage et le trait du texte du libellé) sont indépendants les uns des autres. Si vous définissez la couleur du polygone, mais que vous ne touchez pas à l'icône, le style du polygone remplace le style du parent, mais l'icône hérite du style parent ou par défaut.
Désactivez la visibilité pour masquer les éléments cartographiques : si vous ne souhaitez afficher qu'un seul élément sur votre carte, vous devez désactiver la visibilité pour tout le reste.
Exemple de hiérarchie et d'héritage
Voici un exemple du fonctionnement de l'héritage et de la hiérarchie.
Sélectionnez l'élément cartographique de premier niveau Élément naturel et définissez la couleur de remplissage des polygones sur jaune. Tous les polygones des éléments cartographiques sous Élément naturel apparaissent alors en jaune :
Si vous souhaitez que la couverture terrestre, qui se trouve sous Élément naturel, s'affiche aussi en jaune, n'appliquez aucun style. Elle héritera du style de Élément naturel.
Si vous souhaitez que les forêts s'affichent en vert, sous Couverture terrestre, ouvrez Forêt et colorez le polygone en vert. Ce style enfant personnalisé remplace les styles des options Couverture terrestre et Élément naturel.
Si vous souhaitez que la glace s'affiche en bleu clair, sous Couverture terrestre, ouvrez Glace et colorez le polygone en bleu clair.
Enfin, si vous souhaitez que l'eau apparaisse en turquoise, sélectionnez Élément naturel > Eau, puis colorez le polygone en turquoise. En définissant le style enfant Eau, vous remplacez le style parent pour Élément naturel.
Procédez de la même manière pour mettre en évidence les éléments cartographiques selon vos besoins.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/27 (UTC).
[null,null,["Dernière mise à jour le 2025/08/27 (UTC)."],[],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/map-hier \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/map-hier \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/map-hier \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/map-hier \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nWhen you customize a map style, it helps to understand how styling different map\nfeatures may affect other styles on the map. There are several layers that\noverlap:\n\n- **The base map**: When you start creating a map style, the initial\n you see is the style of the base map; that is, the default map. Any map\n features you don't customize retain the base map styling.\n\n- **Map styles**: Custom styles override the styles on the base map layer.\n In this image, the custom map style overrides the urban areas as aqua\n and roads as dark blue.\n\n- **Style elements**: Each map feature has one or more style elements that\n you can customize. In this image, the urban areas map feature polygon\n fill color is styled as aqua, and the road network fill color\n is styled as blue.\n\nMap feature hierarchy\n\nWithin a map style, map features are organized hierarchically, with 4 broad\nmap features at the top, and all other map features arranged beneath them in\na logical hierarchy. By default, a map feature inherits the element styles\nfor the map feature above it in the hierarchy (its parent); however, you\ncan override the top level style by setting one or more of the style elements\nfor map features underneath it (child map features). For details on the map\nfeature hierarchy, see [What you can style on a map](/maps/documentation/javascript/cloud-customization/taxonomy).\n\nEach map feature has one or more elements, or parts of the map feature, that\nyou can style. For example, the fill color for the polygon (the map feature\nshape) is an element, as is the stroke color for the text label. You style\neach element separately, and any element you don't style retains the default\nstyle. Since elements are separate, you can style the fill color for label\ntext, and leave the stroke (outline) color as the default (or inheriting\nfrom a parent style).\n\nHere are some helpful guidelines in understanding how style hierarchy and\ninheritance work.\n\n- **Default child styles inherit from the parent**: To have all\n child map features inherit a style, set the style for the parent map feature,\n and leave the child style as the default.\n\n- **Custom child styles override the parent**: To override the parent style,\n set a custom style on the child feature.\n\n- **Style elements are independent**: The style elements you can set for a\n map feature (for example, the polygon, the label icon, and the label text\n fill and stroke) are independent from each other. If you set the polygon\n color, but leave the icon alone, the polygon style overrides the parent\n style, but the icon inherits the parent or default style.\n\n- **Turn off Visibility to hide map features**: If you want to see only one\n thing on your map, you have to turn off visibility for everything else.\n\n | **Note:** When you hide map features or make them semi-transparent, you may expose boundary inaccuracies. Map feature boundaries are not always precise, but are adjusted to look correct when all layers are visible. For more details, see [Manage styles that overlap](/maps/documentation/javascript/cloud-customization/overlap).\n\nHierarchy and Inheritance Example\n\nHere is an example of how inheritance and hierarchy works.\n\n1. Select the top-level map feature of **Natural** , and set the\n **Polygon Fill color** to yellow. This styles all polygons for map\n features under **Natural** to be yellow:\n\n2. You want **Land cover** , which is under **Natural** , to also be yellow,\n so you leave it unstyled, and it inherits the style from **Natural**.\n\n3. You want forests to be green, so under **Land cover** , you open **Forest** ,\n and color its polygon green. This custom child style overrides the\n styles for **Land cover** and **Natural**.\n\n4. You want ice to be shown a pale aqua, so also under **Land cover** , you\n open **Ice**, and color its polygon pale aqua.\n\n5. And last, you want water to be aqua, so you select **Natural\\\u003eWater** , and\n color its polygon aqua. Setting the child style **Water** overrides the parent\n style for **Natural**.\n\nFollow a similar process to highlight the map features for your needs."]]
