DOM elements

OverlayView sınıfı

google.maps.OverlayView sınıfı
MVCObject
kitaplığını "maps", "streetView"genişletir

Haritada özel yer paylaşımı nesnesi türleri 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şturmanız ve 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 daha sonra, yer paylaşımının kaldırıldıktan sonra yeniden gösterilmesi gerektiğinde ç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.

const {OverlayView} = await google.maps.importLibrary("maps");
 veya 
const {OverlayView} = await google.maps.importLibrary("streetView");
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ı durdurur. Haritanın sürüklenmesini ve yakınlaştırılmasını, ayrıca harita "tıklama" etkinliklerini önlemek için bunu kullanın.
preventMapHitsFrom
preventMapHitsFrom(element)
Parametreler:
Döndürülen değer: Yok
Öğenin tıklanmasının veya öğeye dokunulmasının haritaya yansımasını engeller. Haritanın "tıklama" etkinliklerini tetiklemesini önlemek için bu seçeneği kullanın.
draw
draw()
Parametreler: Yok
Dönüş Değeri: void
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() konumunu kullanın. Bu yöntem, onAdd() yönteminden sonra çağrılır 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 yapılması önerilmez.
getMap
getMap()
Parametreler: Yok
Dönüş Değeri: Map|StreetViewPanorama
getPanes
getPanes()
Parametreler: Yok
Dönüş Değeri: MapPanes|null
Bu OverlayView'un oluşturulabileceği bölmeleri döndürür. API tarafından onAdd çağrılana kadar bölmeler başlatılmaz.
getProjection
getProjection()
Parametreler: Yok
Dönüş Değeri: MapCanvasProjection
Bu OverlayView ile ilişkili MapCanvasProjection nesnesini döndürür. Projeksiyon, API tarafından onAdd çağrılana kadar başlatılmaz.
onAdd
onAdd()
Parametreler: Yok
Dönüş Değeri: void
Yer paylaşımlı DOM öğelerini ilk kullanıma hazırlamak 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, paneller ve projeksiyon başlatılmış olur.
onRemove
onRemove()
Parametreler: Yok
Dönüş Değeri: void
Öğ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ı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 yerleşimlerinin üzerindedir. (4. bölme).
mapPane
Tür: Element
Bu bölme en alttaki bölmedir ve karoların üzerinde yer alır. DOM etkinliklerini almaz. (Pane 0).
markerLayer
Tür: Element
Bu bölmede işaretçiler var. DOM etkinliklerini almaz. (Pane 2).
overlayLayer
Tür: Element
Bu bölmede çoklu çizgiler, çokgenler, yer paylaşımları ve karo katmanı yer paylaşımları bulunur. DOM etkinliklerini almaz. (Pane 1).
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önteminden OverlayView için kullanılabilir hale getirilir. Çizim çağrılana kadar başlatılacağı garanti edilmez.
fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
Parametreler:
  • pixel: Point optional
  • noClampNoWrap: boolean optional
Dönüş 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
Dönüş Değeri: LatLng|null
Sürüklenebilir haritayı içeren div'deki piksel koordinatlarından coğrafi koordinatları hesaplar.
fromLatLngToContainerPixel
fromLatLngToContainerPixel(latLng)
Parametreler:
Dönüş Değeri: Point|null
Haritanın kapsayıcı öğesinde, belirtilen coğrafi konumun piksel koordinatlarını hesaplar.
fromLatLngToDivPixel
fromLatLngToDivPixel(latLng)
Parametreler:
Dönüş Değeri: Point|null
Sürüklenebilir haritayı içeren DOM öğesinde, belirtilen coğrafi konumun piksel koordinatlarını hesaplar.
getVisibleRegion
getVisibleRegion()
Parametreler: Yok
Dönüş Değeri: VisibleRegion|null
Haritanın görünür bölgesi. Haritanın boyutu yoksa null değerini döndürür. OverlayView, StreetViewPanorama üzerindeyse null değerini döndürür.
getWorldWidth
getWorldWidth()
Parametreler: Yok
Dönüş Değeri: number
Mevcut yakınlaştırma seviyesinde dünyanın piksel cinsinden genişliği. Yön açısı 90 veya 270 derece olan projeksiyonlarda bu, Y eksenindeki piksel aralığına karşılık gelir.