لایههای ترافیک، حمل و نقل عمومی و دوچرخهسواری، لایه نقشه پایه را تغییر میدهند تا شرایط ترافیک فعلی، شبکههای حمل و نقل محلی یا اطلاعات مسیر دوچرخهسواری را نمایش دهند. این لایهها در مناطق منتخب در دسترس هستند.
لایه ترافیک
API جاوا اسکریپت نقشهها به شما امکان میدهد اطلاعات ترافیک را به صورت بلادرنگ (در صورت پشتیبانی) با استفاده از شیء TrafficLayer به نقشههای خود اضافه کنید. اطلاعات ترافیک مرتباً بهروزرسانی میشوند، اما نه فوراً. درخواستهای سریع و متوالی برای یک منطقه خاص بعید است که نتایج متفاوتی به همراه داشته باشند.
تایپ اسکریپت
async function init(): Promise<void> { const { TrafficLayer } = await google.maps.importLibrary('maps'); const mapElement = document.querySelector<google.maps.MapElement>('gmp-map')!; const innerMap = mapElement.innerMap; const trafficLayer = new TrafficLayer(); trafficLayer.setMap(innerMap); } void init();
جاوا اسکریپت
async function init() { const { TrafficLayer } = await google.maps.importLibrary('maps'); const mapElement = document.querySelector('gmp-map'); const innerMap = mapElement.innerMap; const trafficLayer = new TrafficLayer(); trafficLayer.setMap(innerMap); } void init();
نمونه را امتحان کنید
لایه ترانزیت
API جاوا اسکریپت Maps به شما امکان میدهد شبکه حمل و نقل عمومی یک شهر را با استفاده از شیء TransitLayer روی نقشه خود نمایش دهید. وقتی لایه حمل و نقل فعال باشد و نقشه روی شهری که از اطلاعات حمل و نقل پشتیبانی میکند، متمرکز باشد، نقشه خطوط حمل و نقل اصلی را به صورت خطوط ضخیم و رنگی نمایش میدهد. رنگ خط بر اساس اطلاعات اپراتور خط حمل و نقل تنظیم میشود. فعال کردن لایه حمل و نقل، سبک نقشه پایه را تغییر میدهد تا مسیرهای حمل و نقل را بهتر برجسته کند.
اگر شما یک سازمان دولتی هستید که بر حمل و نقل عمومی شهر خود نظارت دارید و مایلید دادههای شما نیز در این فهرست گنجانده شود، لطفاً برای کسب اطلاعات بیشتر از سایت برنامه همکاری با حمل و نقل عمومی گوگل (Google Transit Partner Program) دیدن کنید.
مثال زیر لایه ترانزیت فعال شده را روی نقشه لندن، انگلستان نشان میدهد:
تایپ اسکریپت
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;
جاوا اسکریپت
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;
لایه دوچرخهسواری
API جاوا اسکریپت Maps به شما امکان میدهد اطلاعات دوچرخه را با استفاده از شیء BicyclingLayer به نقشههای خود اضافه کنید. BicyclingLayer لایهای از مسیرهای دوچرخه، مسیرهای دوچرخه پیشنهادی و سایر پوششهای خاص استفاده از دوچرخه را در بالای نقشه داده شده رندر میکند. علاوه بر این، این لایه سبک نقشه پایه را تغییر میدهد تا بر خیابانهای پشتیبانی کننده از مسیرهای دوچرخه تأکید کند و خیابانهای نامناسب برای دوچرخه را از تأکید خارج کند.
مثال زیر لایه دوچرخه فعال شده را روی نقشه کمبریج، ماساچوست نشان میدهد:
تایپ اسکریپت
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;
جاوا اسکریپت
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;
مسیرهای سبز تیره نشاندهنده مسیرهای اختصاصی دوچرخه بودند. مسیرهای سبز روشن نشاندهنده خیابانهایی با «خطوط دوچرخه» اختصاصی بودند. مسیرهای خطچین نشاندهنده خیابانها یا مسیرهایی بودند که در غیر این صورت برای استفاده از دوچرخه توصیه میشدند.