Maps JavaScript API'nin WebGL destekli özellikleri, yatırmayı ve döndürmeyi kontrol edebilir, doğrudan haritaya 3D nesneler ekleyebilir ve daha pek çok şey yapabilirsiniz. İlgili içeriği oluşturmak için kullanılan şu özellikler dahildir:
- WebGL Yer Paylaşımlı Görünümü haritalarınıza özel 2D ve 3D grafikler ile animasyonlu içerik eklemenize olanak tanır.
- Yatırma ve yön belirleme artık programlı olarak ve fare ve klavye kullanılarak ayarlanabilir. hareketler.
- map.moveCamera() birden fazla 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örlü haritadır. Ayrıca projenizi API önyükleme isteğinizi güncelleyin. 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 şuradaki adımları izleyin: Bulut Tabanlı Harita Stilini Kullanma - Harita kimliği alın Harita türünü JavaScript olarak ayarladığınızdan ve Vektör'ü seçtiğinizden emin olun. seçeneğini belirleyin. Ekranda yatırma ve döndürmeyi etkinleştirmek için Yatır ve/veya Döndür onay kutusunu işaretleyin haritası. Bunu yapmak, bu değerleri programlı olarak ayarlamanıza ve ayrıca, kullanıcıların yatırma ve yön belirleme işlemlerini doğrudan harita üzerinde ayarlamasına olanak tanır. Yatırma ya da başlığı uygulamanızı olumsuz etkiler. Yatırma ve Döndürme özelliklerini ayarlamadan bırakın- kullanıcıların yatırma ve döndürme işlemlerini ayarlayamamaları için işaretlendi.
Harita başlatma kodunuzu güncelleme
Bunun için az önce oluşturduğunuz harita kimliği gerekir. Şurada bulabilirsiniz:
Haritalar
Yönetim sayfasını ziyaret edin.
Burada gösterildiği gibi mapId özelliği:
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: