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

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

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