Dostosowując styl mapy, warto wiedzieć, jak stylizowanie różnych elementów mapy może wpłynąć na inne style na mapie. Nakładają się na siebie kilka warstw:
Mapa bazowa: gdy zaczynasz tworzyć styl mapy, początkowo widzisz styl mapy bazowej, czyli mapy domyślnej. Wszystkie elementy mapy, których nie dostosujesz, zachowają styl mapy bazowej.
Style mapy: style niestandardowe zastępują style w warstwie mapy podstawowej.
Na tym obrazie niestandardowy styl mapy zastępuje obszary miejskie kolorem turkusowym, a drogi – ciemnoniebieskim.
Elementy stylu: każdy element mapy ma co najmniej 1 element stylu, który możesz dostosować. Na tym obrazie kolor wypełnienia wielokąta elementu mapy obszarów miejskich jest ustawiony na kolor turkusowy, a kolor wypełnienia sieci dróg – na niebieski.
Hierarchia elementów mapy
W stylu mapy elementy mapy są uporządkowane hierarchicznie. Na górze znajdują się 4 główne elementy mapy, a pod nimi wszystkie pozostałe elementy mapy są ułożone w logicznej hierarchii. Domyślnie element mapy dziedziczy style elementów mapy znajdujących się nad nim w hierarchii (elementu nadrzędnego). Możesz jednak zastąpić styl najwyższego poziomu, ustawiając co najmniej jeden element stylu dla elementów mapy znajdujących się pod nim (elementów podrzędnych). Szczegółowe informacje o hierarchii elementów mapy znajdziesz w artykule Elementy mapy, które możesz stylizować.
Każda funkcja mapy ma co najmniej 1 element lub część, którą możesz dostosować. Na przykład kolor wypełnienia wielokąta (kształtu elementu mapy) jest elementem, podobnie jak kolor obrysu etykiety tekstowej. Każdy element możesz ostylować oddzielnie, a każdy element, którego nie ostylujesz, zachowa domyślny styl. Ponieważ elementy są oddzielne, możesz ustawić kolor wypełnienia tekstu etykiety, a kolor kreski (obrysu) pozostawić domyślny (lub dziedziczony ze stylu nadrzędnego).
Oto kilka przydatnych wskazówek, które pomogą Ci zrozumieć, jak działa hierarchia stylów i dziedziczenie.
Domyślne style elementów podrzędnych dziedziczone z elementu nadrzędnego: aby wszystkie elementy podrzędne mapy dziedziczyły styl, ustaw styl elementu nadrzędnego mapy i pozostaw domyślny styl elementu podrzędnego.
Niestandardowe style podrzędne zastępują styl nadrzędny: aby zastąpić styl nadrzędny, ustaw niestandardowy styl w przypadku funkcji podrzędnej.
Elementy stylu są niezależne: elementy stylu, które możesz ustawić dla elementu mapy (np. wielokąt, ikona etykiety oraz wypełnienie i obrys tekstu etykiety), są od siebie niezależne. Jeśli ustawisz kolor wielokąta, ale nie zmienisz ikony, styl wielokąta zastąpi styl nadrzędny, ale ikona odziedziczy styl nadrzędny lub domyślny.
Wyłącz widoczność, aby ukryć elementy mapy: jeśli chcesz widzieć na mapie tylko jeden element, musisz wyłączyć widoczność wszystkich pozostałych.
Przykład hierarchii i dziedziczenia
Oto przykład działania dziedziczenia i hierarchii.
Wybierz funkcję mapy najwyższego poziomu Natural i ustaw kolor wypełnienia wielokąta na żółty. Ten styl powoduje, że wszystkie wielokąty w przypadku elementów mapy w sekcji Natural są żółte:
Chcesz, aby pokrycie terenu, które znajduje się w kategorii naturalne, również było żółte, więc pozostawiasz je bez stylu i dziedziczy ono styl z kategorii naturalne.
Chcesz, aby lasy były zielone, więc w sekcji Pokrycie terenu otwierasz Las i kolorujesz wielokąt na zielono. Ten niestandardowy styl podrzędny zastępuje style pokrycia terenu i naturalne.
Chcesz, aby lód był wyświetlany w jasnym odcieniu koloru morskiego, więc w sekcji Pokrycie terenu otwierasz Lód i kolorujesz wielokąt na jasny odcień koloru morskiego.
Na koniec chcesz, aby woda była koloru morskiego, więc wybierasz Natural>Water i kolorujesz wielokąt na morski. Ustawienie stylu podrzędnego Woda zastępuje styl nadrzędny Naturalny.
Postępuj podobnie, aby wyróżnić elementy mapy, które Cię interesują.
[null,null,["Ostatnia aktualizacja: 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."]]
