ประกาศ: รูปแบบแผนที่ฐานใหม่จะพร้อมให้บริการใน Google Maps Platform เร็วๆ นี้ การอัปเดตรูปแบบแผนที่นี้ประกอบด้วยชุดสีเริ่มต้นใหม่ หมุดที่ทันสมัยขึ้น และการปรับปรุงประสบการณ์การใช้งานแผนที่และความสามารถในการใช้งาน รูปแบบแผนที่ทั้งหมดจะอัปเดตโดยอัตโนมัติในเดือนมีนาคม 2025 ดูข้อมูลเพิ่มเติมเกี่ยวกับความพร้อมให้บริการและวิธีเลือกใช้ก่อนกำหนดได้ที่
สไตล์แผนที่ใหม่สำหรับ Google Maps Platform
รูปแบบสีของแผนที่
สำหรับแผนที่ประเภท roadmap
และ terrain
คุณสามารถตั้งค่ารูปแบบสีของแผนที่ (มืด สว่าง หรือการตั้งค่าระบบปัจจุบัน) ได้โดยใช้ google.maps.colorScheme
ตัวเลือก colorScheme
จะตั้งค่าได้เมื่อเริ่มต้นแมปเท่านั้น การตั้งค่าตัวเลือกนี้หลังจากสร้างแมปแล้วจะไม่มีผล
รูปภาพต่อไปนี้แสดงรูปแบบสีของโหมดสว่างและโหมดมืดสำหรับประเภท
roadmap
รูปภาพต่อไปนี้แสดงรูปแบบสีของโหมดสว่างและโหมดมืดสำหรับประเภท
terrain
โดยค่าเริ่มต้น แผนที่จะใช้โหมดแสง เมื่อสร้างแผนที่ ให้นําเข้า 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
จะไม่มีผล
หมายเหตุ: รูปแบบที่กำหนดเองที่ใช้รหัสแผนที่จะมีผลกับรูปแบบสีอ่อนสำหรับแผนที่ประเภทแผนภาพเท่านั้น
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-02-28 UTC
[null,null,["อัปเดตล่าสุด 2025-02-28 UTC"],[[["Roadmap and terrain map types allow customization of color schemes (light, dark, or system default) using `google.maps.colorScheme`."],["The `colorScheme` option must be set during map initialization and cannot be changed afterward."],["By default, maps use light mode; to change, import `ColorScheme` and specify the desired scheme (LIGHT, DARK, or FOLLOW_SYSTEM) within map options."],["Custom styles using Map IDs are only compatible with the light color scheme for roadmap map types."]]],[]]