Berikut beberapa contoh gaya visual elemen yang kompleks.
Jalan kuning dengan garis luar hijau
Sesuaikan semua jalan agar memiliki isian kuning pucat dan garis batas hijau tua sebagai gaya dasar.
Di bagian Map Features, pilih Road Network.
Di panel Road Network, di bagian Polyline, centang kotak di bagian Fill color.
Pilih warna kuning terang, seperti kode heksadesimal #eeeec8.
Centang kotak di bagian Stroke color lalu pilih warna hijau tua, seperti kode heksadesimal #155304.
Di bagian Stroke width, tetapkan ke 3 px.
Saat Anda memperbesar dan memperkecil peta, setiap jalan akan menampilkan gaya ini saat muncul dan menghilang. Jika jalan terlalu kecil untuk menampilkan garis batas, jalan tersebut hanya akan menampilkan warna kuning.
Warna air yang berbeda menurut tingkat zoom
Beberapa jenis gaya visual elemen mungkin hanya terlihat pada tingkat zoom tertentu, seperti bangunan 3D atau lokasi menarik (POI). Tambahkan gaya sehingga air tampak berwarna biru gelap saat diperkecil hingga maksimum (z0), berwarna biru sedang saat diperbesar ke tingkat negara bagian atau provinsi (tingkat zoom 6 di laptop), dan biru pucat dengan batas biru gelap saat diperbesar secara maksimal (z19).
Di bagian Map Features, pilih Water.
Di panel Water, di bagian Polyline, centang kotak di bagian Fill color, lalu pilih warna biru tua.
Pilih wajik zoom di sebelah kanan Fill color untuk membuka panel gaya visual tingkat zoom.
Pilih tingkat zoom 6, lalu pilih warna biru sedang.
Pilih tingkat zoom 19, lalu ubah warna air ke biru terang.
Perhatikan bahwa jika Anda menetapkan warna goresan, maka anak sungai, sungai, dan banyak sungai yang lebih kecil hanya akan menampilkan warna pengisi, bahkan jika diperbesar hingga maksimal. Perbedaan antara goresan dan pengisi terlihat pada kolam besar, danau, dan perairan yang lebih luas.
[null,null,["Terakhir diperbarui pada 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."]]
