เลเยอร์

จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
เลือกแพลตฟอร์ม: Android JavaScript

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