Maps JavaScript API'nin WebGL destekli özellikleri, yatırma ve döndürme işlemlerini kontrol etmenize, doğrudan haritaya 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, haritalarınıza özel 2D ve 3D grafikler ve animasyonlu içerik eklemenize olanak tanır.
- Yatırma ve yön artık programatik olarak, fare ve klavye hareketleri kullanılarak ayarlanabilir.
- map.moveCamera(), birden çok kamera özelliğini aynı anda değiştirmenizi sağlar.
- Zoom artık kesirli değerleri desteklemektedir.
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 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ı yapamamaları 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 numarayı Haritalar Yönetimi sayfanızda bulabilirsiniz. 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: