Maps JavaScript API için WebGL destekli özellikler sayesinde eğme ve döndürme işlemlerini kontrol edebilir, doğrudan haritaya 3D nesneler ekleyebilir ve daha pek çok işlem yapabilirsiniz. Aşağıdaki özellikler dahildir:
- WebGL yer paylaşımlı görünüm, haritalara özel 2D ve 3D grafikler ile animasyonlu içerikler eklemenize olanak tanır.
- Eğim ve yön artık programlı olarak ve fare ile klavye hareketleri kullanılarak ayarlanabilir.
- map.moveCamera(), aynı anda birden fazla kamera özelliğini değiştirmenize olanak tanır.
- Zoom artık kesirli değerleri destekliyor.
Başlayın
Yeni WebGL özelliklerini kullanmak için vektor haritasını kullanan bir harita kimliğine ihtiyacınız vardır. API önyükleme isteğinizi de güncellemeniz gerekir. Bu bölümde, nasıl yapılacağı gösterilmektedir.
Yeni bir harita kimliği oluşturma
Yeni bir harita kimliği oluşturmak için Bulut tabanlı harita stilini kullanma - Harita kimliği alma başlıklı makaledeki adımları uygulayın. Harita türünü JavaScript olarak ayarladığınızdan ve Vektör seçeneğini belirlediğinizden emin olun. Haritada eğilme ve dönme özelliğini etkinleştirmek için Eğilme ve/veya Dönme'yi işaretleyin. Bu sayede bu değerleri programatik olarak ayarlayabilir ve kullanıcıların eğikliği ve yönünü doğrudan haritada ayarlamalarına izin verebilirsiniz. Eğim veya yön kullanımı uygulamanızı olumsuz yönde etkileyecekse kullanıcıların eğimi ve yönü ayarlayamaması için Eğim ve Döndürme seçeneklerini işaretlemeyin.
Harita ilk başlatma kodunuzu güncelleme
Bunun için yeni oluşturduğunuz harita kimliği gerekir. Bu sayfaya Haritalar Yönetimi sayfanızdan ulaşabilirsiniz. Haritayı burada gösterildiği gibi mapId mülkünü kullanarak örneklendirirken bir harita kimliği sağlayın:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});
Örnekler
Bu özellikleri göstermek için örnekler verilmiştir: