Skema warna peta

Untuk peta jenis roadmap dan terrain, Anda dapat menetapkan skema warna peta (gelap, terang, atau setelan sistem saat ini) dengan menggunakan google.maps.colorScheme. Tujuan Opsi colorScheme hanya dapat ditetapkan saat peta diinisialisasi; menyetel 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 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 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) di opsi peta, seperti yang ditampilkan 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 instance peta dibuat, colorScheme tidak memiliki pengaruh tersebut.