Saat Anda menyesuaikan gaya peta, sebaiknya pahami bagaimana penataan gaya fitur peta yang berbeda dapat memengaruhi gaya lainnya di peta. Ada beberapa lapisan yang tumpang-tindih:
Peta dasar: Saat Anda mulai membuat gaya peta, gaya awal yang Anda lihat adalah gaya peta dasar; yaitu, peta default. Fitur peta yang tidak Anda sesuaikan akan mempertahankan gaya visual peta dasar.
Gaya peta: Gaya kustom mengganti gaya di lapisan peta dasar.
Pada gambar ini, gaya peta kustom mengganti area perkotaan dengan warna aqua dan jalan dengan warna biru tua.
Elemen gaya: Setiap fitur peta memiliki satu atau beberapa elemen gaya yang dapat Anda sesuaikan. Pada gambar ini, gaya warna pengisi poligon fitur peta area perkotaan adalah aqua, dan gaya warna pengisi jaringan jalan adalah biru.
Hierarki fitur peta
Dalam gaya peta, fitur peta ditata secara hierarki, dengan 4 fitur peta luas di bagian atas, dan semua fitur peta lainnya ditata di bawahnya dalam hierarki logis. Secara default, fitur peta mewarisi gaya elemen untuk fitur peta di atasnya dalam hierarki (induknya); tetapi, Anda dapat mengganti gaya tingkat teratas dengan menetapkan satu atau beberapa elemen gaya untuk fitur peta di bawahnya (fitur peta turunan). Untuk mengetahui detail tentang hierarki fitur peta, lihat Penataan gaya yang dapat Anda lakukan di peta.
Setiap fitur peta memiliki satu atau beberapa elemen, atau sebagian fitur peta, yang dapat Anda tata gayanya. Misalnya, warna pengisi untuk poligon (bentuk fitur peta) adalah elemen, sebagaimana warna goresan untuk label teks. Anda menata gaya setiap elemen secara terpisah, dan setiap elemen yang tidak Anda tata gayanya akan mempertahankan gaya default. Karena elemen terpisah, Anda dapat menata gaya warna pengisi untuk teks label, dan membiarkan warna goresan (garis batas) sebagai default (atau mewarisi dari gaya induk).
Berikut adalah beberapa panduan bermanfaat untuk memahami cara kerja hierarki dan warisan gaya.
Gaya turunan default mewarisi dari induk: Agar semua fitur peta turunan mewarisi sebuah gaya, tetapkan gaya untuk fitur peta induk, dan biarkan gaya turunan sebagai default.
Gaya turunan kustom mengganti induk: Untuk mengganti gaya induk, tetapkan gaya kustom di fitur turunan.
Elemen gaya bersifat independen: Elemen gaya yang dapat Anda tetapkan untuk fitur peta (misalnya, poligon, ikon label, dan goresan serta pengisi teks label) bersifat independen satu sama lain. Jika Anda menetapkan warna poligon, tetapi membiarkan ikon sendirian, gaya poligon akan mengganti gaya induk, tetapi ikon mewarisi gaya induk atau default.
Nonaktifkan Visibilitas untuk menyembunyikan fitur peta: Jika hanya ingin melihat satu fitur di peta, Anda harus menonaktifkan visibilitas untuk fitur lainnya.
Contoh Hierarki dan Warisan
Berikut adalah contoh cara kerja warisan dan hierarki.
Pilih fitur peta tingkat teratas Alam, dan tetapkan Warna pengisi Poligon ke kuning. Pilihan ini akan menata gaya semua poligon untuk fitur peta di bagian Alam menjadi berwarna kuning:
Anda ingin Penutupan lahan, yang berada di bagian Alam agar berwarna kuning juga,
jadi Anda membiarkannya tanpa penataan gaya, dan gayanya akan diwarisi dari Alam.
Anda ingin agar hutan berwarna hijau, jadi di bagian Penutupan lahan, Anda membuka Hutan,
dan memberi warna hijau untuk poligonnya. Gaya turunan kustom ini mengganti gaya untuk Penutupan lahan dan Alam.
Anda ingin agar es ditampilkan dengan warna aqua pucat, jadi di bagian Penutupan lahan, Anda
membuka Es, dan memberi warna aqua pucat untuk poligonnya.
Dan terakhir, Anda ingin agar perairan berwarna aqua, jadi Anda memilih Alam>Perairan, dan
memberi warna aqua untuk poligonnya. Menetapkan gaya turunan Perairan akan mengganti gaya induk untuk Alam.
Ikuti proses yang sama untuk menandai fitur peta sesuai kebutuhan Anda.
[null,null,["Terakhir diperbarui pada 2025-08-31 UTC."],[],[],null,["# Understand map style inheritance and hierarchy\n\nSelect 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\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\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---------------------\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/android-sdk/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/android-sdk/cloud-customization/overlap).\n\nHierarchy and Inheritance Example\n---------------------------------\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."]]
