DOM elements

OverlayView sınıfı

google.maps.OverlayView sınıf

Haritada özel türde yer paylaşımı nesneleri göstermek 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şturucusunun boş bir işlev olduğu garanti edilir.

Üç yöntem uygulamanız gerekir: onAdd(), draw() ve onRemove().

  • onAdd() yönteminde, DOM nesneleri oluşturup bunları bölmelerin alt öğeleri olarak eklemeniz gerekir.
  • draw() yönteminde bu öğeleri konumlandırmanız gerekir.
  • onRemove() yönteminde, nesneleri DOM'dan kaldırmanız gerekir.
onAdd() yöntemine yapılan çağrıyı tetiklemek için geçerli bir Map nesnesiyle setMap() yöntemini, onRemove() yöntemini tetiklemek için ise setMap(null) yöntemini çağırmanız gerekir. setMap() yöntemi, oluşturma sırasında veya yer paylaşımı kaldırıldıktan sonra yeniden gösterilmesi gerektiği herhangi bir zamanda çağrılabilir. Ardından, öğenin konumunu değiştirebilecek bir harita özelliği (ör. yakınlaştırma, merkez veya harita türü) her değiştiğinde draw() yöntemi çağrılır.

Bu sınıfın süresi MVCObject tarihinde sona eriyor.

const {OverlayView} = await google.maps.importLibrary("maps") veya const {OverlayView} = await google.maps.importLibrary("streetView") numaralarını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.

OverlayView
OverlayView()
Parametreler: Yok
OverlayView oluşturur.
preventMapHitsAndGesturesFrom
preventMapHitsAndGesturesFrom(element)
Parametreler: 
Döndürülen Değer: Yok
Öğedeki tıklama, dokunma, sürükleme ve tekerlek etkinliklerinin haritaya yayılmasını engeller. Haritanın sürüklenmesini ve yakınlaştırılmasını, ayrıca harita "tıklama" etkinliklerini önlemek için bu özelliği kullanın.
preventMapHitsFrom
preventMapHitsFrom(element)
Parametreler: 
Döndürülen Değer: Yok
Öğenin tıklanması veya dokunulması durumunda haritaya yayılmasını engeller. Haritanın "tıklama" etkinliklerini tetiklemesini önlemek için bu özelliği kullanın.
draw
draw()
Parametreler: Yok
Döndürülen Değer: 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() işlevinden gelen konumu kullanın. Bu yöntem, onAdd() işleminden sonra ve yakınlaştırma veya merkez değiştiğinde çağrılır. Bu yöntemde hesaplama açısından maliyetli işlemler yapmanız ö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. API tarafından onAdd çağrılana kadar paneler başlatılmaz.
getProjection
getProjection()
Parametreler: Yok
İade Değeri:  MapCanvasProjection
Bu MapCanvasProjection ile ilişkili OverlayView nesnesini döndürür. Yansıtma, API tarafından onAdd çağrılana kadar başlatılmaz.
onAdd
onAdd()
Parametreler: Yok
Döndürülen Değer: Yok
Yer paylaşımı 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ılmış olur.
onRemove
onRemove()
Parametreler: Yok
Döndürülen Değer: Yok
Öğelerinizi DOM'dan kaldırmak için bu yöntemi uygulayın. Bu yöntem, setMap(null) çağrısından sonra bir kez çağrılır.
setMap
setMap(map)
Parametreler: 
Döndürülen Değer: Yok
Yer paylaşımını haritaya veya panoramaya ekler.
Devralındı: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

MapPanes arayüzü

google.maps.MapPanes arayüz

floatPane
Tür:  Element
Bu bölmede bilgi penceresi bulunur. Tüm harita katmanlarının üzerindedir. (4. bölme).
mapPane
Tür:  Element
Bu bölme en alttaki bölmedir ve kutucukların üzerindedir. DOM etkinliklerini almaz. (Pane 0).
markerLayer
Tür:  Element
Bu bölmede işaretçiler bulunur. DOM etkinliklerini almaz. (Bölme 2).
overlayLayer
Tür:  Element
Bu bölmede çoklu çizgiler, poligonlar, yer paylaşımları ve döşeme katmanı paylaşımları bulunur. DOM etkinliklerini almaz. (Bölme 1).
overlayMouseTarget
Tür:  Element
Bu bölmede DOM etkinliklerini alan öğeler bulunur. (Bölme 3).

MapCanvasProjection arayüzü

google.maps.MapCanvasProjection arayüz

Bu nesne, draw yönteminin içinden OverlayView için kullanılabilir hale getirilir. Çizim çağrılana kadar başlatılacağı garanti edilmez.

fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
Parametreler: 
  • pixelPoint optional
  • noClampNoWrapboolean optional
İade Değeri:  LatLng|null
Haritanın kapsayıcısındaki piksel koordinatlarından coğrafi koordinatları hesaplar.
fromDivPixelToLatLng
fromDivPixelToLatLng(pixel[, noClampNoWrap])
Parametreler: 
  • pixelPoint optional
  • noClampNoWrapboolean optional
İade Değeri:  LatLng|null
Sürüklenip bırakılabilir haritanın bulunduğu div'deki piksel koordinatlarından coğrafi koordinatları hesaplar.
fromLatLngToContainerPixel
fromLatLngToContainerPixel(latLng)
Parametreler: 
İade Değeri:  Point|null
Haritanın kapsayıcı öğesinde verilen coğrafi konumun piksel koordinatlarını hesaplar.
fromLatLngToDivPixel
fromLatLngToDivPixel(latLng)
Parametreler: 
İade Değeri:  Point|null
Sürüklenip bırakılabilir haritayı içeren DOM öğesinde, belirtilen coğrafi konumun piksel koordinatlarını hesaplar.
getVisibleRegion
getVisibleRegion()
Parametreler: Yok
İade Değeri:  VisibleRegion|null
Haritanın görünür bölgesi. Haritanın boyutu yoksa null değerini döndürür. OverlayView bir StreetViewPanorama üzerindeyse null değerini döndürür.
getWorldWidth
getWorldWidth()
Parametreler: Yok
İade Değeri:  number
Mevcut yakınlaştırma düzeyinde dünyanın piksel cinsinden genişliği. Başlık açısı 90 veya 270 derece olan projeksiyonlar için bu, Y eksenindeki piksel aralığına karşılık gelir.