שכבות הן אובייקטים במפה שכוללים פריט אחד או יותר, אבל אפשר לבצע בהם פעולות כיחידה אחת. בדרך כלל, שכבות משקפות אוספים של אובייקטים שמוסיפים מעל המפה כדי לציין שיוך משותף. ממשק ה-API של JavaScript במפות Google מנהל את הצגת האובייקטים בשכבות על ידי עיבוד הפריטים המרכיבים שלהם לאובייקט אחד (בדרך כלל שכבת-על של משבצות) והצגתם כששדה התצוגה של המפה משתנה. השכבות יכולות גם לשנות את שכבת התצוגה של המפה עצמה, ולשנות מעט את המשבצות הבסיסיות באופן שתואם לשכבה. חשוב לדעת שרוב השכבות, מעצם הגדרתן, לא ניתנות לגישה דרך העצמים הנפרדים שלהן, אלא רק כיחידה אחת.
סקירה כללית על שכבות
ב-Maps JavaScript API יש כמה סוגים של שכבות:
- השכבה 'נתוני מפות Google' מספקת מאגר לנתונים גיאו-מרחביים שרירותיים. אפשר להשתמש בשכבת הנתונים כדי לאחסן נתונים מותאמים אישית, או כדי להציג נתוני GeoJSON במפה של Google.
- שכבת מפת החום מאפשרת להציג נתונים גאוגרפיים באמצעות מפת חום.
- השכבה של KML מייצרת רכיבי KML ו-GeoRSS כשכבת-על של משבצות ב-Maps JavaScript API.
- השכבה 'תנועה' מציגה את תנאי התנועה במפה.
- שכבת התחבורה הציבורית מציגה במפה את רשת התחבורה הציבורית של העיר.
- האובייקט Bicycling layer יוצר שכבה של שבילי אופניים ו/או שכבות-על ספציפיות לאופניים בשכבה משותפת. השכבה הזו מוחזרת כברירת מחדל ב-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);