DOM elements

Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.

OverlayView sınıfı

google.maps.OverlayView sınıf

Harita üzerinde özel bindirme nesnesi türlerini görüntülemek istiyorsanız bu sınıfı uygulayabilirsiniz.

Yer paylaşımınızın prototipini ayarlayarak bu sınıftan devralın: MyOverlay.prototype = new google.maps.OverlayView();. OverlayView oluşturucunun boş bir işlev olacağı garanti edilir.

Şu üç yöntemi uygulamalısınız: onAdd(), draw() ve onRemove().

  • onAdd() yönteminde, DOM nesneleri oluşturmalı ve bunları bölmelerin alt öğesi olarak eklemelisiniz.
  • draw() yönteminde bu öğeleri yerleştirmeniz gerekir.
  • onRemove() yönteminde, DOM'den nesneleri kaldırmanız gerekir.
onRemove() yöntemini tetiklemek için onAdd() yöntemini ve setMap(null) yöntemini tetiklemek üzere geçerli bir Map nesnesiyle setMap() yöntemini çağırmanız gerekir. setMap() yöntemi, oluşturma sırasında veya kaldırma işleminden sonra yer paylaşımının yeniden gösterilmesi gereken herhangi bir zamanda çağrılabilir. Daha sonra, harita özelliği değiştiğinde öğenin konumunu değiştirebilecek yakınlaştırma, ortala veya harita türü gibi draw() yöntemi çağrılır.

Bu ders MVCObject tarihine kadar geçerlidir.

v=beta kullanılırken const {OverlayView} = await google.map.importLibrary("maps") veya const {OverlayView} = await google.map.importLibrary("streetView") arayarak erişilebilir. Maps JavaScript API'deki kitaplıklar konusuna bakın.

OverlayView
OverlayView()
Parametreler: Yok
OverlayView oluşturur.
preventMapHitsAndGesturesFrom
preventMapHitsAndGesturesFrom(element)
Parametreler:
Return Değeri: Yok
Öğedeki tıklama, dokunma, sürükleme ve tekerlek etkinliklerinin haritaya kaydırılmasını durdurur. Bunu, harita sürükleme ve yakınlaştırmanın yanı sıra harita "tıklama" etkinliklerini önlemek için kullanın.
preventMapHitsFrom
preventMapHitsFrom(element)
Parametreler:
Return Değeri: Yok
Öğenin haritaya tıklanmasını veya üzerine dokunmayı durdurur. Haritanın "tıklama" etkinliklerini tetiklemesini önlemek için bunu kullanın.
draw
draw()
Parametreler: Yok
Return Değeri: Yok
Yer paylaşımını çizmek veya güncellemek için bu yöntemi uygulayın. Yer paylaşımını MapPanes'e göre doğru şekilde konumlandırmak için projection.fromLatLngToDivPixel()'deki konumu kullanın. Bu yöntem onAdd() yönteminden sonra çağrılır ve yakınlaştırma veya ortalanma yönteminde çağrılır. Bu yöntemde bilgi işlem açısından pahalı işlerin yapılması önerilmez.
getMap
getMap()
Parametreler: Yok
İade Değeri: Map|StreetViewPanorama
getPanes
getPanes()
Parametreler: Yok
İade Değeri: MapPanes|null
Bu OverlayView'un oluşturulabileceği bölmeleri döndürür. onAdd, API tarafından çağrılana kadar bölmeler başlatılmaz.
getProjection
getProjection()
Parametreler: Yok
İade Değeri: MapCanvasProjection
Bu OverlayView ile ilişkilendirilmiş MapCanvasProjection nesnesini döndürür. onAdd, API tarafından çağrılana kadar tahmin başlatılmaz.
onAdd
onAdd()
Parametreler: Yok
Return Değeri: Yok
Yer paylaşımlı DOM öğelerini başlatmak için bu yöntemi uygulayın. Bu yöntem, setMap() geçerli bir haritayla çağrıldıktan sonra bir kez çağrılır. Bu noktada bölmeler ve projeksiyon başlatılır.
onRemove
onRemove()
Parametreler: Yok
Return Değeri: Yok
Öğelerinizi DOM'den kaldırmak için bu yöntemi uygulayın. Bu yöntem, setMap(null) çağrısından sonra çağrılır.
setMap
setMap(map)
Parametreler:
Return Değeri: Yok
Bindirmeyi haritaya veya panoramaya ekler.
Devralınan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

MapPanes arayüzü

google.maps.MapPanes arayüz

floatPane
Tür: Element
Bu bölme, bilgi penceresini içerir. Tüm harita yer paylaşımlarının üzerindedir. (4. Bölüm).
mapPane
Tür: Element
Bu bölme, en düşük bölmedir ve karoların üzerinde yer alır. DOM etkinliklerini almaz. (Bölme 0).
markerLayer
Tür: Element
Bu bölmede işaretçiler bulunur. DOM etkinliklerini almaz. (2. Bölme).
overlayLayer
Tür: Element
Bu bölmede poligonlar, poligonlar, zemin yer paylaşımları ve karo katman yer paylaşımları bulunur. DOM etkinliklerini almaz. (1. Bölme).
overlayMouseTarget
Tür: Element
Bu bölme, DOM etkinliklerini alan öğeler içerir. (3. Bölme).

MapCanvasProjection arayüzü

google.maps.MapCanvasProjection arayüz

Bu nesne, çizim yöntemi kullanılarak OverlayView tarafından kullanılabilir. Çizim çağrılana kadar başlatılacağı garanti edilmez.

fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
Parametreler:
  • pixelPoint optional
  • noClampNoWrap: boolean optional
İade Değeri: LatLng|null
Haritanın kapsayıcısındaki piksel koordinatlarından coğrafi koordinatları hesaplar.
fromDivPixelToLatLng
fromDivPixelToLatLng(pixel[, noClampNoWrap])
Parametreler:
  • pixel: Point optional
  • noClampNoWrap: boolean optional
İade Değeri: LatLng|null
Sürüklenebilir haritayı tutan div'deki piksel koordinatlarından coğrafi koordinatları hesaplar.
fromLatLngToContainerPixel
fromLatLngToContainerPixel(latLng)
Parametreler:
İade Değeri: Point|null
Haritanın kapsayıcı öğesinde belirli bir coğrafi konumun piksel koordinatlarını hesaplar.
fromLatLngToDivPixel
fromLatLngToDivPixel(latLng)
Parametreler:
İade Değeri: Point|null
DOM öğesinde sürüklenebilir haritayı tutan belirli coğrafi konumun piksel koordinatlarını hesaplar.
getVisibleRegion
getVisibleRegion()
Parametreler: Yok
İade Değeri: VisibleRegion|null
Haritanın görünen bölgesi. Haritanın boyutu yoksa null değerini döndürür. Yer Paylaşımı Görünümü bir StreetViewPanorama'da yer alıyorsa null değerini döndürür.
getWorldWidth
getWorldWidth()
Parametreler: Yok
İade Değeri: number
Geçerli yakınlaştırma düzeyinde dünyanın piksel cinsinden genişliği. Başlık açısı 90 veya 270 derece olan tahminlerde bu, Y eksenindeki piksel aralığına karşılık gelir.