Trafik, Toplu Taşıma ve Bisiklet katmanları, mevcut trafik koşullarını, yerel toplu taşıma ağlarını veya bisiklet rotası bilgilerini göstermek için temel harita katmanını değiştirir. Bu katmanlar belirli bölgelerde kullanılabilir.
Trafik Katmanı
Maps JavaScript API, TrafficLayer nesnesini kullanarak haritalarınıza gerçek zamanlı trafik bilgileri (desteklenen yerlerde) eklemenize olanak tanır. Trafik bilgileri sık sık yenilenir ancak anında yenilenmez. Aynı alan için art arda hızlı istekler gönderildiğinde farklı sonuçlar elde edilme olasılığı düşüktür.
TypeScript
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();
JavaScript
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();
Örneği deneyin
Toplu Taşıma Katmanı
Maps JavaScript API, TransitLayer nesnesini kullanarak bir şehrin toplu taşıma ağını haritanızda göstermenize olanak tanır. Toplu Taşıma Katmanı etkinleştirildiğinde ve harita, toplu taşıma bilgilerini destekleyen bir şehre ortalandığında harita, ana toplu taşıma hatlarını kalın, renkli çizgiler olarak gösterir. Hattın rengi, toplu taşıma hattı operatöründen alınan bilgilere göre belirlenir. Toplu Taşıma Katmanı'nı etkinleştirdiğinizde, toplu taşıma rotalarını daha iyi vurgulamak için temel haritanın stili değişir.
Şehrinizdeki toplu taşımayı denetleyen bir kamu kurumuysanız ve verilerinizin dahil edilmesini istiyorsanız daha fazla bilgi edinmek için lütfen Google Transit İş Ortağı Programı sitesini ziyaret edin.
Aşağıdaki örnekte, Londra (Birleşik Krallık) haritasında Toplu Taşıma katmanı etkinleştirilmiştir:
TypeScript
async function init(): Promise<void> { const { TransitLayer } = await google.maps.importLibrary('maps'); const mapElement = document.querySelector<google.maps.MapElement>('gmp-map')!; const innerMap = mapElement.innerMap; const transitLayer = new TransitLayer(); transitLayer.setMap(innerMap); } void init();
JavaScript
async function init() { const { TransitLayer } = await google.maps.importLibrary('maps'); const mapElement = document.querySelector('gmp-map'); const innerMap = mapElement.innerMap; const transitLayer = new TransitLayer(); transitLayer.setMap(innerMap); } void init();
Örneği deneyin
Bisiklet Katmanı
Maps JavaScript API, BicyclingLayer nesnesini kullanarak haritalarınıza bisiklet bilgileri eklemenize olanak tanır. BicyclingLayer, verilen haritanın üzerinde bisiklet yolları, önerilen bisiklet rotaları ve bisiklet kullanımına özel diğer yer paylaşımlarını içeren bir katman oluşturur. Ayrıca katman, bisiklet rotalarını destekleyen sokakları vurgulamak ve bisikletler için uygun olmayan sokakları vurgulamamak için temel haritanın stilini değiştirir.
Aşağıdaki örnekte, Cambridge, MA haritasında Bisiklet katmanının etkinleştirildiği gösterilmektedir:
TypeScript
async function init(): Promise<void> { const { BicyclingLayer } = await google.maps.importLibrary('maps'); const mapElement = document.querySelector('gmp-map')!; const innerMap = mapElement.innerMap; const bikeLayer = new BicyclingLayer(); bikeLayer.setMap(innerMap); } void init();
JavaScript
async function init() { const { BicyclingLayer } = await google.maps.importLibrary('maps'); const mapElement = document.querySelector('gmp-map'); const innerMap = mapElement.innerMap; const bikeLayer = new BicyclingLayer(); bikeLayer.setMap(innerMap); } void init();
Örneği deneyin
Koyu yeşil rotalar, özel bisiklet rotalarını gösterir. Açık yeşil rotalar, özel "bisiklet yolları" olan sokakları gösterir. Kesikli rotalar, bisiklet kullanımı için önerilen sokakları veya yolları gösterir.