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

สำหรับแผนที่ประเภท 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 จะไม่มีผล