เลเยอร์

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

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

Maps JavaScript API มีเลเยอร์หลายประเภท ได้แก่

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