Skema warna peta

Untuk peta berjenis roadmap dan terrain, Anda dapat menetapkan skema warna peta (gelap, terang, atau setelan sistem saat ini) menggunakan google.maps.colorScheme. Opsi colorScheme hanya dapat ditetapkan saat peta diinisialisasi; menetapkan opsi ini setelah peta dibuat tidak akan berpengaruh.

Roadmap

Gambar berikut menunjukkan skema warna mode terang dan mode gelap untuk jenis roadmap.

Dua contoh peta jenis peta jalan Paris yang menggunakan skema warna mode terang dan mode gelap.

Medan

Gambar berikut menunjukkan skema warna mode terang dan mode gelap untuk jenis terrain.

Dua contoh peta jenis medan yang menggunakan skema warna mode terang dan mode gelap.

Secara default, peta menggunakan mode terang. Saat membuat peta, impor ColorScheme dan tentukan skema warna peta (LIGHT, DARK, atau FOLLOW_SYSTEM) dalam opsi peta, seperti yang ditunjukkan di sini.

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

Jika Anda mereset opsi setelah peta dibuat, colorScheme tidak akan berpengaruh.

Untuk membuat gaya terang kustom dan gaya gelap kustom untuk jenis peta roadmap, gunakan gaya visual peta berbasis cloud.