Menggunakan editor gaya

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Halaman ini menunjukkan cara menyesuaikan gaya elemen dan fitur peta, menggunakan editor gaya di Google Cloud Console. Di editor gaya, Anda dapat menyesuaikan gaya visual untuk fitur peta seperti warna isi dan warna garis batas untuk elemen peta. Anda dapat mengontrol visibilitas dan kepadatan lokasi menarik (POI), dan menerapkan gaya visual menurut tingkat zoom.

Penyesuaian gaya peta selalu diprioritaskan daripada update yang mungkin dilakukan Google pada gaya peta Anda, seperti update pada gaya default peta yang dioptimalkan untuk industri atau peta dasar Google.

Contoh

Untuk menjalankan aplikasi contoh ApiDemos, lihat contoh GitHub (Java | Kotlin) dan lihat demo CloudBasedMapStylingActivity (Java | Kotlin).

Menyesuaikan penataan gaya untuk fitur peta

Anda dapat menyesuaikan gaya visual fitur, seperti warna isi dan warna garis batas jalan:

  1. Buka editor gaya dengan membuka halaman Gaya Peta di Cloud Console, lalu membuat gaya peta atau memperbarui gaya peta yang ada.
  2. Pilih fitur untuk membuka submenu Jenis elemen. Perubahan gaya pada fitur induk juga berlaku untuk turunannya. Misalnya, penyesuaian pada fitur Jalan, juga berlaku untuk fitur turunannya: Jalan raya, Akses terkontrol, Arteri, Lokal, Dapat dilalui, dan jalur.
  3. Untuk menyesuaikan fitur, pilih elemen Geometri induk. Tindakan ini akan membuka submenu Styler:
    • Mengubah warna akan otomatis mencentang kotak Warna dan menerapkan penyesuaian warna Anda ke elemen Geometri dan elemen turunannya.
    • Alihkan visibilitas elemen, dengan memilih salah satu opsi berikut:
      • Pewarisan (default): Elemen mewarisi penyesuaian induk.
      • Aktif: Mengganti semua penyesuaian yang diwarisi dan memastikan elemen akan selalu terlihat di peta.
      • Nonaktif: Mengganti semua penyesuaian yang diwarisi dan memastikan elemen akan selalu disembunyikan.
  4. Klik Simpan untuk menyimpan perubahan. Perubahan Anda tidak akan diterapkan pada peta mana pun, sampai Anda mengklik Publikasikan.

Menyesuaikan menurut tingkat zoom

Anda dapat menyesuaikan gaya elemen yang ada di berbagai tingkat zoom saat membuat gaya peta dengan editor gaya di Google Cloud Console. Misalnya, Anda dapat menyesuaikan warna air dari merah muda pada tingkat zoom 0 hingga ungu pada tingkat zoom 10, dan mengaitkan penyesuaian lainnya dengan tingkat detail yang Anda lihat pada zoom yang ditentukan.

Untuk membuat penyesuaian gaya pada berbagai tingkat zoom:

  1. Buka editor gaya dengan membuka halaman Gaya Peta di Cloud Console, lalu membuat gaya peta atau memperbarui gaya peta yang ada.
  2. Pilih fitur untuk membuka submenu Jenis elemen, lalu pilih elemen untuk disesuaikan.
  3. Centang kotak Sesuaikan di seluruh zoom untuk membuat penyesuaian pada tingkat zoom saat ini muncul di editor gaya.

    Setelah memilih kotak centang Sesuaikan di seluruh zoom, Anda seharusnya melihat hal berikut:

    • Kotak centang Tambahkan perhentian: z yang menunjukkan tingkat zoom saat ini dan menerapkan penyesuaian ke tingkat zoom yang ditunjukkan.
    • Panel penggeser zoom untuk mengubah dan memilih tingkat zoom. Anda dapat menyesuaikan tingkat zoom dengan kontrol zoom boolean peta atau tombol panah pada keyboard.
  4. Saat Anda melakukan penyesuaian di submenu Styler, editor gaya akan otomatis memilih kotak centang Tambahkan perhentian: z, menampilkan titik biru di atas penggeser, dan akan mengganti gaya yang diwarisi.

    Titik biru di atas penggeser menunjukkan bahwa perubahan dilakukan pada tingkat zoom yang dipilih. Agar perubahan tidak disimpan pada tingkat zoom tertentu, hapus kotak centang Tambahkan perhentian: z (titik biru berubah menjadi abu-abu untuk menunjukkan bahwa perubahan tidak akan disimpan pada tingkat tersebut). Setelah menghapus kotak centang, elemen akan dikembalikan ke gaya yang diwarisi.

    Setiap penyesuaian yang Anda buat pada tingkat zoom akan memperbarui penyesuaian pada tingkat zoom yang ditunjukkan dan tingkat di atasnya. Misalnya, penyesuaian pada tingkat zoom 10 akan memengaruhi semua penyesuaian pada tingkat zoom 10, 11, 12, dan seterusnya. Penyesuaian tersebut akan mengganti semua gaya yang diwarisi.

  5. Untuk menyimpan perubahan, klik Simpan. Untuk menampilkan perubahan Anda secara publik menggunakan ID peta yang terkait dengan gaya peta, klik Publikasikan.