השכבות 'תנועה', 'תחבורה ציבורית' ו'רכיבה על אופניים' משנות את שכבת המפה הבסיסית כדי להציג את מצב התנועה הנוכחי, רשתות תחבורה ציבורית מקומיות או פרטי מסלולים לרכיבה על אופניים. השכבות האלה זמינות באזורים נבחרים.
שכבת התנועה
באמצעות Maps JavaScript API אפשר להוסיף למפות מידע על תנועה בזמן אמת (במקרים שבהם התכונה נתמכת) באמצעות האובייקט TrafficLayer
. מידע על תנועה מתעדכן לעיתים קרובות, אבל לא באופן מיידי. סביר להניח ששליחה של בקשות רצופות במהירות לאותו אזור לא תניוב לתוצאות שונות.
TypeScript
function initMap(): void { const map = new google.maps.Map( document.getElementById("map") as HTMLElement, { zoom: 13, center: { lat: 34.04924594193164, lng: -118.24104309082031 }, } ); const trafficLayer = new google.maps.TrafficLayer(); trafficLayer.setMap(map); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
function initMap() { const map = new google.maps.Map(document.getElementById("map"), { zoom: 13, center: { lat: 34.04924594193164, lng: -118.24104309082031 }, }); const trafficLayer = new google.maps.TrafficLayer(); trafficLayer.setMap(map); } window.initMap = initMap;
ניסיון של דוגמה
שכבת התעבורה
באמצעות Maps JavaScript API אפשר להציג במפה את רשת התחבורה הציבורית של עיר מסוימת באמצעות האובייקט TransitLayer
. כשהשכבה 'תחבורה ציבורית' מופעלת והמפה ממוקדת בעיר שתומכת במידע על תחבורה ציבורית, הקווים הראשיים של התחבורה הציבורית יוצגו במפה כקווים עבים וצבעוניים. הצבע של הקו מוגדר על סמך מידע ממפעיל קו התחבורה הציבורית. הפעלת שכבת התחבורה הציבורית תשנה את הסגנון של המפה הבסיסית כדי להדגיש טוב יותר את מסלולי התחבורה הציבורית.
אם אתם נציגים של רשות ציבורית שאחראית על התחבורה הציבורית בעיר שלכם, ואתם רוצים שהנתונים שלכם ייכללו, תוכלו למצוא מידע נוסף באתר של תוכנית השותפים של Google Transit.
בדוגמה הבאה מוצגת שכבת התחבורה הציבורית שמופעלת במפה של לונדון, בריטניה:
TypeScript
function initMap(): void { const map = new google.maps.Map( document.getElementById("map") as HTMLElement, { zoom: 13, center: { lat: 51.501904, lng: -0.115871 }, } ); const transitLayer = new google.maps.TransitLayer(); transitLayer.setMap(map); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
function initMap() { const map = new google.maps.Map(document.getElementById("map"), { zoom: 13, center: { lat: 51.501904, lng: -0.115871 }, }); const transitLayer = new google.maps.TransitLayer(); transitLayer.setMap(map); } window.initMap = initMap;
ניסיון של דוגמה
שכבת מסלולי האופניים
באמצעות Maps JavaScript API אפשר להוסיף למפות מידע על אופניים באמצעות האובייקט BicyclingLayer
. ה-BicyclingLayer
יוצר שכבה של שבילי אופניים, מסלולי אופניים מוצעים ושכבות-על אחרות שספציפיות לשימוש באופניים, מעל המפה הנתונה. בנוסף, השכבה משנה את הסגנון של מפת הבסיס כדי להדגיש רחובות עם מסלולי אופניים ולהפחית את הדגשת הרחובות שלא מתאימים לאופניים.
בדוגמה הבאה מוצגת שכבת האופניים שמופעלת במפה של קיימברידג', מסצ'וסטס:
TypeScript
function initMap(): void { const map = new google.maps.Map( document.getElementById("map") as HTMLElement, { zoom: 14, center: { lat: 42.3726399, lng: -71.1096528 }, } ); const bikeLayer = new google.maps.BicyclingLayer(); bikeLayer.setMap(map); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
function initMap() { const map = new google.maps.Map(document.getElementById("map"), { zoom: 14, center: { lat: 42.3726399, lng: -71.1096528 }, }); const bikeLayer = new google.maps.BicyclingLayer(); bikeLayer.setMap(map); } window.initMap = initMap;
ניסיון של דוגמה
מסלולים ירוקים כהים מציינים מסלולים ייעודיים לאופניים. מסלולים ירוקים בהירים מצביעים על רחובות עם 'נתיבי אופניים' ייעודיים. מסלולים מקווקווים מצביעים על רחובות או שבילים מומלצים אחרים לרכיבה על אופניים.