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

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

หากต้องการสร้างสไตล์สว่างและสไตล์มืดที่กำหนดเองสำหรับประเภทแผนที่แผนการใช้งาน ให้ใช้ การจัดรูปแบบแผนที่ในระบบคลาวด์