เลเยอร์

เลเยอร์คือวัตถุบนแผนที่ที่ประกอบด้วยรายการแยกต่างหากอย่างน้อย 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);