Menggunakan deklarasi gaya JSON tersemat

Pilih platform: Android iOS JavaScript

Anda dapat menerapkan gaya visual yang disesuaikan melalui deklarasi gaya JSON tersemat ke:

  • Peta default.
  • Jenis peta yang memungkinkan pengguna beralih di antara satu frame peta.

Menentukan gaya ke fitur

Untuk menerapkan gaya ke berbagai fitur dan elemen pada peta, buat array objek MapTypeStyle yang menentukan cara penataan gaya peta.

Larik mengambil bentuk berikut:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

Untuk mengetahui daftar semua nilai yang tersedia untuk featureType, elementType, dan stylers, lihat referensi gaya JSON.

Wizard Penataan Gaya Maps Platform

Gunakan Wizard Penataan Gaya Maps Platform sebagai cara cepat untuk membuat objek penataan gaya JSON.

Menerapkan gaya pada peta default

Berikut ini contoh peta gaya default yang menggunakan teks dan ikon berwarna terang pada latar belakang gelap (yaitu mode gelap). Untuk melihat contoh kode, buka contoh kode Maps Bergaya - Mode Malam.

Untuk mengubah gaya peta default, tetapkan properti styles peta dalam objek MapOptions ke array gaya Anda saat:

  • Membuat peta Anda.
  • Atau, saat memanggil metode Map.setOptions.

Perubahan pada label dan jalan akan memengaruhi semua jenis peta, termasuk medan, satelit, hibrida, dan jenis peta jalan default.

Menerapkan gaya ke jenis peta

Berikut adalah jenis peta tambahan yang disebut Peta Bergaya di kontrol di sebelah kiri atas peta. Untuk melihat contoh kode, buka Jenis Peta Bergaya.

Untuk membuat jenis peta bergaya, tetapkan array gaya ke objek StyledMapType. Pembuatan jenis peta bergaya baru tidak akan memengaruhi gaya jenis peta default.