รูปแบบสีของแผนที่

สำหรับแผนที่ประเภท roadmap และ terrain คุณสามารถตั้งค่ารูปแบบสีแผนที่ได้ (การตั้งค่าระบบมืด สว่าง หรือปัจจุบัน) โดยใช้ google.maps.colorScheme ตั้งค่าตัวเลือก colorScheme ได้เมื่อเริ่มต้นแผนที่แล้วเท่านั้น การตั้งค่านี้ หลังจากสร้างแผนที่ขึ้นมาแล้วจะไม่มีผล

แผนการใช้งาน

ภาพต่อไปนี้แสดงโหมดสว่างและรูปแบบสีของโหมดมืด ประเภท roadmap

ตัวอย่างแผนที่ประเภทแผนกลยุทธ์ของปารีส 2 รายการที่ใช้โหมดสว่างและรูปแบบสีในโหมดมืด

ภูมิประเทศ

ภาพต่อไปนี้แสดงโหมดสว่างและรูปแบบสีของโหมดมืด ประเภท terrain

ตัวอย่างแผนที่ประเภทภูมิประเทศ 2 รายการโดยใช้โหมดสว่างและรูปแบบสีในโหมดมืด

โดยค่าเริ่มต้น แผนที่จะใช้โหมดสว่าง เมื่อสร้างแผนที่ ให้นำเข้า ColorScheme และระบุรูปแบบสีแผนที่ (LIGHT, DARK หรือ FOLLOW_SYSTEM) ใน ตัวเลือกแผนที่ ตามที่แสดงนี้

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);

หากคุณรีเซ็ตตัวเลือกหลังจากสร้างอินสแตนซ์แผนที่แล้ว colorScheme จะไม่มี