لایه ها اشیایی روی نقشه هستند که از یک یا چند آیتم مجزا تشکیل شده اند، اما به صورت یک واحد دستکاری می شوند. لایه‌ها معمولاً مجموعه‌ای از اشیاء را منعکس می‌کنند که برای تعیین یک ارتباط مشترک در بالای نقشه اضافه می‌کنید. Maps JavaScript API نمایش اشیاء را در لایه‌ها با رندر کردن آیتم‌های تشکیل‌دهنده آن‌ها در یک شی (معمولاً یک پوشش کاشی) و نمایش آن‌ها با تغییر نمای نقشه مدیریت می‌کند. لایه ها همچنین ممکن است لایه نمایش خود نقشه را تغییر دهند و کاشی های پایه را به شکلی مطابق با لایه تغییر دهند. توجه داشته باشید که اکثر لایه ها، بر اساس طراحی، ممکن است از طریق اشیاء مجزا قابل دسترسی نباشند، اما ممکن است فقط به عنوان یک واحد دستکاری شوند.
بررسی اجمالی لایه ها
Maps JavaScript API چندین نوع لایه دارد:
- لایه Google Maps Data محفظه ای برای داده های مکانی دلخواه فراهم می کند. می توانید از لایه داده برای ذخیره داده های سفارشی خود یا نمایش داده های GeoJSON بر روی نقشه گوگل استفاده کنید.
- لایه Heatmap داده های جغرافیایی را با استفاده از تصویرسازی Heatmap ارائه می کند.
- لایه KML عناصر KML و GeoRSS را به یک همپوشانی کاشی API جاوا اسکریپت Maps تبدیل می کند.
- لایه Traffic شرایط ترافیک را روی نقشه نمایش می دهد.
- لایه ترانزیت شبکه حمل و نقل عمومی شهر شما را روی نقشه نمایش می دهد.
- شی لایه Bicycling لایه ای از مسیرهای دوچرخه و/یا پوشش های مخصوص دوچرخه را در یک لایه مشترک ارائه می کند. این لایه به طور پیش‌فرض در DirectionsRenderer هنگام درخواست جهت‌های حالت سفر BICYCLING برگردانده می‌شود.
یک لایه اضافه کنید
برای افزودن یک لایه به نقشه، فقط باید setMap() را فراخوانی کنید و شی نقشه را که برای نمایش لایه روی آن ارسال می شود، ارسال کنید. به طور مشابه، برای مخفی کردن یک لایه، setMap() را فراخوانی کنید و null را ارسال کنید.
قطعه زیر نقشه را در لندن، بریتانیا متمرکز می کند و لایه Transit را اضافه می کند.
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);