Przykłady stylów
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Oto kilka przykładów stylizacji złożonych elementów.
Żółte drogi z zielonymi obrysami
Dostosuj wszystkie drogi, aby miały jasne żółte wypełnienie i ciemnozielony kontur jako styl podstawowy. 
W sekcji Funkcje mapy kliknij Sieć dróg.
W panelu Sieć dróg w sekcji Linia łamana kliknij pole przy opcji Kolor wypełnienia.
Wybierz jasny żółty kolor, np. o kodzie szesnastkowym #eeeec8.
Kliknij pole w sekcji Kolor obrysu i wybierz ciemnozielony kolor, np. o kodzie szesnastkowym #155304.
W sekcji Grubość kreski ustaw wartość 3 piksele.
Podczas powiększania i pomniejszania mapy różne drogi będą się pojawiać i znikać, a ich styl będzie się zmieniać. Gdy drogi są zbyt małe, aby wyświetlić ich kontur, są widoczne tylko w kolorze żółtym.
Różne kolory wody w zależności od poziomu powiększenia
Niektóre rodzaje stylów elementów mogą być widoczne tylko przy określonych poziomach powiększenia, np. budynki 3D lub punkty orientacyjne. Dodaj styl, aby woda była ciemnoniebieska przy maksymalnym oddaleniu (z0), średnio niebieska przy powiększeniu do poziomu stanu lub prowincji (poziom powiększenia 6 na laptopie) i jasnoniebieska z ciemnoniebieską obwódką przy dużym powiększeniu (z19).
W sekcji Funkcje mapy kliknij Woda.
W panelu Woda w sekcji Linia łamana kliknij pole przy opcji Kolor wypełnienia i wybierz ciemnoniebieski kolor.
Kliknij romb powiększenia po prawej stronie opcji Kolor wypełnienia, aby otworzyć panel stylów poziomu powiększenia.
Wybierz poziom powiększenia 6 i średni niebieski kolor.
Wybierz poziom powiększenia 19 i zmień kolor wody na jasnoniebieski.
Pamiętaj, że jeśli ustawisz kolor kreski, strumienie i wiele mniejszych rzek będą wyświetlać tylko kolor wypełnienia, nawet po maksymalnym powiększeniu. Różnica między obrysem a wypełnieniem jest widoczna w przypadku dużych stawów, jezior i większych akwenów.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-08-31 UTC.
[null,null,["Ostatnia aktualizacja: 2025-08-31 UTC."],[],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/style-examples \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/style-examples \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/style-examples \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/style-examples \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nHere are some examples of complex element styling.\n\nYellow roads with green outlines\n\nCustomize all roads to have a pale yellow fill and a dark green outline as the\nbase style.\n\n1. Under **Map Features** , select **Road Network**.\n\n2. On the **Road Network** pane, under **Polyline** , select the box\n under **Fill color**.\n\n3. Select a light yellow color, such as hex code #eeeec8.\n\n4. Select the box under **Stroke color** and select a dark green color, such\n as hex code #155304.\n\n5. Under **Stroke width**, set it to 3px.\n\nAs you zoom in and out, different roads show this style as they appear and\ndisappear. Once roads get too small to show the outline, they display only the\nyellow color.\n\nDifferent colors of water by zoom level\n\nSome types of element styling might only be visible at certain zoom levels, like\n3D buildings or points of interest (POIs). Add a style such that the\nwater appears dark blue zoomed out to maximum (z0),\nmedium blue when zoomed in to the level of a state or province (zoom level 6\non a laptop), and pale blue with a dark blue border when zoomed in tightly\n(z19).\n\n1. Under **Map Features** , select **Water**.\n\n2. On the **Water** pane, under **Polyline** , select the box\n under **Fill color**, and select a dark blue color.\n\n3. Select the zoom diamond to the right of **Fill color** to open the\n zoom-level styling pane.\n\n4. Select zoom level 6, and select a medium blue color.\n\n5. Select zoom level 19, and change the water to light blue.\n\nNote, if you set a stroke color, creeks and streams and many smaller rivers\nonly show the body color, even zoomed all the way in. The difference between\nstroke and fill is visible on large ponds, lakes, and larger bodies of water."]]
