Confira alguns exemplos de estilização de elementos complexos.
Vias amarelas com contornos verdes
Personalize todas as vias para que tenham um preenchimento amarelo-claro e um contorno verde-escuro como o estilo base.
Em Elementos do mapa, selecione Malha rodoviária.
No painel Malha rodoviária, em Polilinha, selecione a caixa abaixo de Cor de preenchimento.
Escolha uma cor amarelo-clara, como o código hexadecimal #eeeec8.
Selecione a caixa abaixo de Cor do traço e escolha um verde-escuro, como o código hexadecimal #155304.
Em Largura do traço, defina como 3 px.
Ao aumentar e diminuir o zoom, diferentes vias mostram esse estilo à medida que aparecem e desaparecem. Quando as vias ficam muito pequenas para mostrar o contorno, elas exibem apenas a cor amarela.
Cores diferentes da água por nível de zoom
Alguns tipos de estilização de elementos podem ser visíveis em apenas certos níveis de zoom, como construções em 3D ou pontos de interesse (PDIs). Adicione um estilo que faça a água ter o tom azul-escuro com o mínimo de zoom (z0), azul-médio quando o zoom aumentar para o nível de um estado ou província (nível 6 de zoom em um laptop) e azul-claro com uma borda azul-escura ao aumentar bastante o zoom (z19).
Em Elementos do mapa, escolha Água.
No painel Água, em Polilinha, selecione a caixa abaixo de Cor de preenchimento e a cor azul-escura.
Selecione o diamante de zoom à direita da Cor de preenchimento para abrir o painel de estilização do nível de zoom.
Selecione o nível de zoom 6 e escolha uma cor azul mediana.
Escolha o nível 19 e mude a água para azul-claro.
Se você definir a cor do traço, riachos, córregos e muitos rios menores vão mostrar apenas a cor da água, mesmo que o zoom seja aplicado ao máximo. A diferença entre o traço e o preenchimento é visível em lagoas grandes, lagos e corpos maiores d'água.
[null,null,["Última atualização 2025-08-31 UTC."],[],[],null,["# Style examples\n\nSelect 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\n| To use cloud-based maps styling on Android, you must use the latest renderer for Maps SDK for Android. [Follow these instructions](/maps/documentation/android-sdk/renderer).\n\nHere are some examples of complex element styling.\n\nYellow roads with green outlines\n--------------------------------\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---------------------------------------\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."]]