เลเยอร์คือวัตถุบนแผนที่ที่ประกอบด้วยรายการแยกต่างหากอย่างน้อย 1 รายการ แต่มีการดัดแปลงเป็นหน่วยเดียว โดยทั่วไปแล้ว เลเยอร์จะแสดงคอลเล็กชันของออบเจ็กต์ที่คุณเพิ่มไว้ด้านบนแผนที่เพื่อระบุการเชื่อมโยงทั่วไป Maps JavaScript API จะจัดการการแสดงผลของวัตถุภายในเลเยอร์โดยแสดงผลรายการที่ประกอบเป็นวัตถุหนึ่งๆ (โดยปกติคือการวางซ้อนไทล์) และแสดงเมื่อวิดเจ็ตแผนที่มีการเปลี่ยนแปลง เลเยอร์ยังอาจเปลี่ยนแปลงเลเยอร์การแสดงแผนที่ด้วย โดยเปลี่ยนไทล์พื้นฐานเล็กน้อยให้สอดคล้องกับเลเยอร์ โปรดทราบว่าเลเยอร์ส่วนใหญ่อาจเข้าถึงผ่านออบเจ็กต์แต่ละรายการไม่ได้ตามการออกแบบ แต่สามารถจัดการเป็นกลุ่มได้เท่านั้น
ภาพรวมเลเยอร์
Maps JavaScript API มีเลเยอร์หลายประเภท ดังนี้
- เลเยอร์ข้อมูล Google Maps มีคอนเทนเนอร์สําหรับข้อมูลเชิงพื้นที่ที่กําหนดเอง คุณสามารถใช้ชั้นข้อมูลเพื่อจัดเก็บข้อมูลที่กําหนดเอง หรือเพื่อแสดงข้อมูล GeoJSON ใน Google Maps
- เลเยอร์แผนที่ความร้อนจะแสดงผลข้อมูลภูมิศาสตร์โดยใช้การแสดงภาพแผนที่ความร้อน
- เลเยอร์ KML จะแสดงผลองค์ประกอบ KML และ GeoRSS ในการวางซ้อนไทล์ Maps JavaScript API
- เลเยอร์การจราจรจะแสดงสภาพการจราจรบนแผนที่
- เลเยอร์ขนส่งสาธารณะจะแสดงเครือข่ายขนส่งสาธารณะของเมืองบนแผนที่
- ออบเจ็กต์ เลเยอร์การปั่นจักรยานจะแสดงผลเลเยอร์ของเส้นทางจักรยานและ/หรือการวางซ้อนเฉพาะจักรยานเป็นเลเยอร์ทั่วไป ระบบจะแสดงเลเยอร์นี้โดยค่าเริ่มต้นภายใน DirectionsRenderer เมื่อขอเส้นทางสำหรับโหมดการเดินทาง BICYCLING
เพิ่มเลเยอร์
หากต้องการเพิ่มเลเยอร์ลงในแผนที่ คุณเพียงต้องเรียกใช้ setMap() โดยส่งออบเจ็กต์แผนที่ที่จะแสดงเลเยอร์ ในทำนองเดียวกัน หากต้องการซ่อนเลเยอร์ ให้เรียกใช้ setMap() โดยส่ง null
ข้อมูลโค้ดด้านล่างจะวางแผนที่ให้ศูนย์กลางอยู่ที่ลอนดอน สหราชอาณาจักร และเพิ่มเลเยอร์ขนส่งสาธารณะ
var mapOptions = { zoom: 13, center: new google.maps.LatLng(51.5,-0.11) } var map = new google.maps.Map(document.getElementById("map"), mapOptions); var transitLayer = new google.maps.TransitLayer(); transitLayer.setMap(map);