เลเยอร์คือวัตถุบนแผนที่ที่มีรายการแยกกันอย่างน้อย 1 รายการ แต่ได้รับการจัดการเป็นหน่วยเดียว โดยทั่วไปแล้ว เลเยอร์จะแสดงถึงคอลเล็กชันของวัตถุที่คุณเพิ่มที่ด้านบนของแผนที่เพื่อกำหนดการเชื่อมโยงร่วมกัน Maps JavaScript API จะจัดการการนำเสนอวัตถุภายในเลเยอร์โดยแสดงผลส่วนประกอบของวัตถุเป็นวัตถุเดียว (โดยปกติจะเป็นการวางซ้อนชิ้นส่วน) และแสดงวัตถุเหล่านั้นเมื่อวิวพอร์ตของแผนที่มีการเปลี่ยนแปลง เลเยอร์ยังอาจเปลี่ยนเลเยอร์การนำเสนอของแผนที่เอง โดยปรับเปลี่ยนชิ้นส่วนฐานเล็กน้อยให้สอดคล้องกับเลเยอร์ โปรดทราบว่าโดยการออกแบบเลเยอร์ส่วนใหญ่แล้วอาจเข้าถึงผ่านออบเจ็กต์แต่ละรายการไม่ได้ แต่จะได้รับการจัดการเป็นหน่วยเท่านั้น
ภาพรวมของเลเยอร์
Maps JavaScript API มีเลเยอร์หลายประเภท ได้แก่
- ชั้นข้อมูลของ Google Maps มอบคอนเทนเนอร์สำหรับข้อมูลภูมิสารสนเทศเชิงพื้นที่ที่กำหนดเอง คุณสามารถใช้ชั้นข้อมูลเพื่อจัดเก็บข้อมูลที่กำหนดเอง หรือแสดงข้อมูล GeoJSON ในแผนที่ Google ได้
- เลเยอร์แผนที่ความหนาแน่นจะแสดงผลข้อมูลทางภูมิศาสตร์โดยใช้การแสดงภาพแผนที่ความหนาแน่น
- เลเยอร์ KML แสดงผลองค์ประกอบ KML และ GeoRSS เป็น การวางซ้อนชิ้นส่วน Maps JavaScript API
- เลเยอร์การจราจรจะแสดงสภาพการจราจรบนแผนที่
- เลเยอร์การเดินทางจะแสดงเครือข่ายขนส่งมวลชนของเมืองบนแผนที่
- ออบเจ็กต์ เลเยอร์จักรยานจะแสดงผลเลเยอร์เส้นทางจักรยานและ/หรือการวางซ้อนเฉพาะจักรยานไว้ในเลเยอร์ทั่วไป โดยค่าเริ่มต้น ระบบจะแสดงผลเลเยอร์นี้ภายใน DirectionsRenderer เมื่อขอเส้นทางของโหมดการเดินทางแบบขี่จักรยาน
เพิ่มเลเยอร์
หากต้องการเพิ่มเลเยอร์ลงในแผนที่ คุณเพียงต้องเรียกใช้ 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);