เลเยอร์

เลเยอร์คือออบเจ็กต์บนแผนที่ซึ่งประกอบด้วยรายการแยกกันอย่างน้อย 1 รายการ แต่จะจัดการเป็นหน่วยเดียว โดยทั่วไปเลเยอร์จะแสดงถึงคอลเล็กชันของ ออบเจ็กต์ที่คุณเพิ่มไว้ด้านบนของแผนที่เพื่อระบุความเชื่อมโยงร่วมกัน Maps JavaScript API จัดการการนำเสนอออบเจ็กต์ภายในเลเยอร์ โดยการแสดงผลรายการที่เป็นส่วนประกอบเป็นออบเจ็กต์เดียว (โดยปกติคือการวางซ้อนไทล์) และ แสดงออบเจ็กต์เหล่านั้นเมื่อวิวพอร์ตของแผนที่เปลี่ยนแปลง เลเยอร์ยังอาจเปลี่ยนเลเยอร์การนำเสนอ ของแผนที่เองด้วย โดยจะเปลี่ยนไทล์ฐานเล็กน้อยในลักษณะ ที่สอดคล้องกับเลเยอร์ โปรดทราบว่าเลเยอร์ส่วนใหญ่ได้รับการออกแบบมาให้เข้าถึงไม่ได้โดยใช้ออบเจ็กต์แต่ละรายการ แต่จะจัดการได้ในรูปแบบของหน่วยเท่านั้น

ภาพรวมของเลเยอร์

Maps JavaScript API มีเลเยอร์หลายประเภท ดังนี้

• เลเยอร์ข้อมูล Google Mapsมีคอนเทนเนอร์สำหรับข้อมูลภูมิสารสนเทศที่กำหนดเอง คุณสามารถใช้ชั้นข้อมูลเพื่อจัดเก็บข้อมูลที่กำหนดเอง หรือเพื่อแสดงข้อมูล GeoJSON ใน Google Maps
• เลเยอร์ 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);