Maps JavaScript API'nin WebGL destekli özellikleri, yatırma ve döndürmeyi kontrol etmenize, haritaya doğrudan 3D nesneler eklemenize ve daha pek çok işlem yapmanıza olanak tanır. 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 vektör haritasını kullanan bir harita kimliği gerekir. Ayrıca API önyükleme isteğinizi güncellemeniz de gerekir. Bu bölümde bunun 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 bölümündeki adımları izleyin. Harita türünü JavaScript olarak ayarladığınızdan ve Vektör seçeneğini belirlediğinizden emin olun. Haritada yatırma ve döndürmeyi etkinleştirmek için Yatır ve/veya Döndür seçeneğini işaretleyin. Bunu yapmak, bu değerleri programatik olarak ayarlamanıza olanak tanır. Ayrıca, kullanıcıların yatırma ve yön belirleme işlemlerini doğrudan harita üzerinde ayarlamalarına olanak tanır. Yatırma veya yön kullanımı, uygulamanızı olumsuz etkileyecekse kullanıcıların yatırma ve döndürme ayarlarını yapamaması için Yatırma ve Döndürme seçeneklerini işaretlenmemiş olarak bırakın.
Harita başlatma kodunuzu güncelleme
Bunun için az önce oluşturduğunuz harita kimliği gerekir. Bu sayfaya Haritalar Yönetimi sayfanızdan ulaşabilirsiniz. Aşağıda gösterildiği gibi, mapId
özelliğini kullanarak haritayı somutlaştırırken 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: