Harita ile etkileşim

Bu sayfada, Maps JavaScript'teki fotogerçekçi 3D Haritalar'daki etkileşimli ve etkileyici 3D deneyimler oluşturmanıza olanak tanıyan temel özellikler hakkında bilgiler verilmektedir. Aşağıdaki dokümanlar şunları kapsar:

  • Sorunsuz etkileşim için kullanıcı arayüzü etkinliklerini işleme
  • 3D alanlarda gezinmek için keşif kontrolleri dahildir.
  • Rehberli turlar için önceden ayarlanmış kamera yollarını kullanma
  • Belirli bir alana odaklanmayı sürdürmek için kamera kısıtlamaları uygulama

Kullanıcı Arayüzü Etkinlikleri

Bu bölümde, 3D haritalarla çalışırken dinleyebileceğiniz ve programatik olarak işleyebileceğiniz etkileşimli etkinlikler ve durum değişikliği bildirimleri özetlenmiştir. Tarayıcıdaki JavaScript, etkinlik odaklı bir dildir. Yani programınızın dinleyebileceği ve buna göre kod yürütebileceği etkinlikler oluşturarak kullanıcı etkileşimlerine yanıt verir.

İki ana etkinlik türü vardır:

  • Kullanıcı etkileşimi etkinlikleri (fare tıklamaları gibi), 3D harita görüntü alanından kodunuza yayılır. Bu etkinlikler, 3D harita ortamındaki doğrudan kullanıcı işlemlerine yanıt vermenize olanak tanır. Örneği göster'i tıklayın.
  • Durum değişikliği bildirimleri, geleneksel bir property_changed adlandırma şeması kullanılarak temel 3D harita veri modellerindeki ve oluşturma durumundaki güncellemeleri yansıtır.

Her 3D Haritacılık API nesnesi, programınızın etkinlik dinleyicileri kaydedebileceği ve yerleşik addEventListener() işlevini kullanarak bu etkinlikler gerçekleştiğinde mantığı yürütebileceği bir dizi adlandırılmış etkinlik gösterir. Aşağıdaki örnekte, kullanıcı bir 3D harita ile etkileşimde bulunduğunda tetiklenen yaygın etkinlikler gösterilmektedir.

Aşağıdaki örnekte, kullanıcı harita ile etkileşim kurarken hangi etkinliklerin tetiklendiği gösterilmektedir:

Keşif kontrolleri

Maps JavaScript API'deki fotogerçekçi 3D haritalarda, kullanıcının harita ile etkileşimini destekleyen kullanıcı arayüzü öğeleri bulunur. Bu öğeler kullanıcı kontrolleri olarak bilinir. Keşif kontrolleri varsayılan olarak dahil edilir ancak uygulamanızda bunları devre dışı bırakmayı seçebilirsiniz.

Aşağıdaki resimde, Maps JavaScript'teki fotogerçekçi 3D haritalar tarafından görüntülenen varsayılan kontroller gösterilmektedir:

Denetimlerin bulunduğu haritanın görüntüsü

Haritalar JavaScript'indeki fotogerçekçi 3D Haritalar'daki tüm kontrollerin listesi aşağıda verilmiştir:

  • Yakınlaştırma denetimi, haritanın yakınlaştırma düzeyini değiştirmek için "+" ve "-" düğmeleri gösterir.
  • Eğim kontrolü, kameranın eğimini değiştirmenizi sağlar.
  • Döndürme kontrolü, kameranın yönünü değiştirmenize olanak tanır.
  • Taşıma denetimi, haritanın merkezini değiştirmek için "←", "→", "↑" ve "↓" düğmelerini gösterir.

Kamera kontrolleri ve animasyon

Hazır kamera yolları

Haritalar JavaScript'teki fotogerçekçi 3D Haritalar, iki hazır kamera yolu sunar. Kamera yolları, animasyonun süresi değiştirilerek (böylece hız artırılarak veya azaltılarak) ya da daha sinematik deneyimler oluşturmak için birleştirilerek özelleştirilebilir.

Maps JavaScript'teki fotogerçekçi 3D Haritalar aşağıdaki kamera yollarını destekler:

  • FlyCameraTo animasyonu, haritanın merkezinden belirtilen bir hedefe uçuyor.
  • FlyCameraAround animasyonu, haritadaki bir noktanın etrafında belirttiğiniz sayıda döner.

Mevcut iki yol birleştirilerek bir ilgi çekici yere uçulabilir, bu yerin etrafında dönülebilir ve ardından istendiğinde durdurulabilir.

Örneği dene

Kamera kısıtlamaları

Kameranın yatay kaydırma özelliğini, maksimum yüksekliğini kontrol etmek veya kullanıcının belirli bir haritadaki hareketini kısıtlayan enlem/boylam sınırları oluşturmak isteyebilirsiniz. Bunu kamera kısıtlamalarını kullanarak yapabilirsiniz.

Kamera kısıtlamalarının işleyiş şekli ve uygulanmasıyla ilgili bir örnek için demoya göz atın.