Info Window

InfoWindow sınıfı

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

Baloncuğa benzeyen ve genellikle bir işaretçiye bağlı olan yer paylaşımı.

const {InfoWindow} = await google.maps.importLibrary("maps");
veya
const {InfoWindow} = await google.maps.importLibrary("streetView");
InfoWindow
InfoWindow([opts])
Parametreler:
Belirtilen seçeneklerle bir bilgi penceresi oluşturur. Seçeneklerde belirtilenlere bağlı olarak, InfoWindow haritada belirli bir konuma veya bir işaretçinin üzerine yerleştirilebilir. Otomatik kaydırma devre dışı bırakılmadığı sürece InfoWindow, açıldığında kendisini görünür hale getirmek için haritayı kaydırır. Bir InfoWindow oluşturduktan sonra, haritada görüntülemek için open yöntemini çağırmanız gerekir. Kullanıcı, InfoWindow'u haritadan kaldırmak için kapat düğmesini tıklayabilir veya geliştirici aynı etki için close() işlevini çağırabilir.
isOpen
readonly
Tür: boolean
InfoWindow'un açık olup olmadığını kontrol eder.
close
close()
Parametreler: Yok
Döndürülen değer: Yok
Bu InfoWindow'u DOM yapısından kaldırarak kapatır.
focus
focus()
Parametreler: Yok
Döndürülen değer: Yok
Bu InfoWindow öğesine odaklanır. Odağı ayarlamadan önce InfoWindow öğesinin görünür olduğundan emin olmak için bu yöntemi visible etkinliğiyle birlikte kullanabilirsiniz. Görünür olmayan bir InfoWindow öğesine odaklanılamaz.
getContent
getContent()
Parametreler: Yok
Döndürülen Değer: string|Element|Text|null|undefined Bu InfoWindow'un içeriği. Daha önce içerik olarak ayarlananla aynı.
getHeaderContent
getHeaderContent()
Parametreler: Yok
Döndürülen Değer: string|Element|Text|null|undefined Bu InfoWindow'un başlık içeriği. InfoWindowOptions.headerContent sayfasına göz atabilirsiniz.
getHeaderDisabled
getHeaderDisabled()
Parametreler: Yok
Döndürülen Değer: boolean|undefined Başlık satırının tamamının devre dışı bırakılıp bırakılmadığı. InfoWindowOptions.headerDisabled sayfasına göz atabilirsiniz.
getPosition
getPosition()
Parametreler: Yok
Döndürülen Değer: LatLng|null|undefined Bu InfoWindow'un LatLng konumu.
getZIndex
getZIndex()
Parametreler: Yok
Döndürülen Değer: number Bu InfoWindow'un zIndex değeri.
open
open([options, anchor])
Parametreler:
  • options: InfoWindowOpenOptions|Map|StreetViewPanorama optional InfoWindowOpenOptions nesnesi (önerilir) veya bu InfoWindow'un oluşturulacağı harita|panorama.
  • anchor: MVCObject|AdvancedMarkerElement optional Bu InfoWindow'un konumlandırılacağı sabitleyici. Bağlantı noktası boş değilse InfoWindow, bağlantı noktasının üst ortasına yerleştirilir. InfoWindow, bağlantı noktasıyla aynı harita veya panoramada oluşturulur (mümkün olduğunda).
Döndürülen değer: Yok
Bu InfoWindow'u belirtilen haritada açar. İsteğe bağlı olarak, bir InfoWindow bir bağlantı noktasıyla ilişkilendirilebilir. Temel API'de tek sabitleyici, Marker sınıfıdır. Ancak bir sabitleyici, LatLng position özelliğini ve isteğe bağlı olarak pixelOffset değerini hesaplamak için Point anchorPoint özelliğini gösteren herhangi bir MVCObject olabilir (bkz. InfoWindowOptions). anchorPoint, sabitleme noktasının konumundan InfoWindow'un ucuna olan uzaklıktır. Bu yöntemin tek bağımsız değişkeni olarak InfoWindowOpenOptions arayüzünün kullanılması önerilir. Tarayıcı odağının açılışta değişmesini önlemek için InfoWindowOpenOptions.shouldFocus değerini false olarak ayarlayın.
setContent
setContent([content])
Parametreler:
  • content: string|Element|Text optional Bu InfoWindow tarafından gösterilecek içerik.
Döndürülen değer: Yok
setHeaderContent
setHeaderContent([headerContent])
Parametreler:
Döndürülen değer: Yok
setHeaderDisabled
setHeaderDisabled([headerDisabled])
Parametreler:
  • headerDisabled: boolean optional Başlık satırının tamamının devre dışı bırakılıp bırakılmayacağını belirtir. InfoWindowOptions.headerDisabled sayfasına göz atabilirsiniz.
Döndürülen değer: Yok
setOptions
setOptions([options])
Parametreler:
Döndürülen değer: Yok
setPosition
setPosition([position])
Parametreler:
Döndürülen değer: Yok
setZIndex
setZIndex(zIndex)
Parametreler:
  • zIndex: number Bu InfoWindow'un z-endeksi. Daha yüksek z-endeksine sahip bir InfoWindow, daha düşük z-endeksine sahip diğer tüm InfoWindow'ların önünde gösterilir.
Döndürülen değer: Yok
Devralınan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
close
function()
Bağımsız değişkenler: Yok
Bu etkinlik, InfoWindow her kapandığında tetiklenir. Örneğin, InfoWindow.close yöntemini çağırmak, InfoWindow'u kapatmak için Esc tuşuna basmak, kapat düğmesini tıklamak veya InfoWindow'u başka bir haritaya taşımak bu duruma yol açabilir.
closeclick
function()
Bağımsız değişkenler: Yok
Bu etkinlik, kapat düğmesi tıklandığında tetiklenir.
content_changed
function()
Bağımsız değişkenler: Yok
Bu etkinlik, içerik mülkü değiştiğinde tetiklenir.
domready
function()
Bağımsız değişkenler: Yok
Bu etkinlik, InfoWindow içeriğini barındıran <div> DOM'a eklendiğinde tetiklenir. Bilgi penceresi içeriğinizi dinamik olarak oluşturuyorsanız bu etkinliği izlemek isteyebilirsiniz.
headercontent_changed
function()
Bağımsız değişkenler: Yok
Bu etkinlik, headerContent mülkü değiştiğinde tetiklenir.
headerdisabled_changed
function()
Bağımsız değişkenler: Yok
Bu etkinlik, headerDisabled özelliği değiştiğinde tetiklenir.
position_changed
function()
Bağımsız değişkenler: Yok
Bu etkinlik, konum özelliği değiştiğinde tetiklenir.
visible
function()
Bağımsız değişkenler: Yok
Bu etkinlik, InfoWindow tamamen görünür olduğunda tetiklenir. InfoWindow ekran dışına kaydırılıp tekrar ekrana getirildiğinde bu etkinlik tetiklenmez.
zindex_changed
function()
Bağımsız değişkenler: Yok
Bu etkinlik, InfoWindow öğesinin zIndex değeri değiştiğinde tetiklenir.

InfoWindowOptions arayüzü

google.maps.InfoWindowOptions arayüz

InfoWindow'da ayarlanabilecek özellikleri tanımlamak için kullanılan InfoWindowOptions nesnesi.

ariaLabel
isteğe bağlı
Tür: string optional
InfoWindow'a atanacak AriaLabel.
content
isteğe bağlı
Tür: string|Element|Text optional
InfoWindow'da gösterilecek içerik. Bu, bir HTML öğesi, düz metin dizesi veya HTML içeren bir dize olabilir. InfoWindow, içeriğe göre boyutlandırılır. İçerik için açık bir boyut ayarlamak istiyorsanız içeriği bu boyutta bir HTML öğesi olacak şekilde ayarlayın.
disableAutoPan
isteğe bağlı
Tür: boolean optional
Varsayılan: false
InfoWindow açıldığında tamamen görünür olması için haritayı kaydırmayı devre dışı bırakın.
headerContent
isteğe bağlı
Tür: string|Element|Text optional
InfoWindow başlık satırında gösterilecek içerik. Bu, bir HTML öğesi veya düz metin dizesi olabilir. InfoWindow, içeriğe göre boyutlandırılır. Üstbilgi içeriği için açık bir boyut ayarlamak istiyorsanız headerContent'i bu boyutta bir HTML öğesi olacak şekilde ayarlayın.
headerDisabled
isteğe bağlı
Tür: boolean optional
InfoWindow'daki tüm başlık satırını devre dışı bırakır. "Doğru" olarak ayarlandığında başlık kaldırılır. Böylece başlık içeriği ve kapat düğmesi gizlenir.
maxWidth
isteğe bağlı
Tür: number optional
İçeriğin genişliğinden bağımsız olarak InfoWindow'un maksimum genişliği. Bu değer yalnızca open() çağrısından önce ayarlanırsa dikkate alınır. İçeriği değiştirirken maksimum genişliği değiştirmek için close(), setOptions() ve ardından open() yöntemini çağırın.
minWidth
isteğe bağlı
Tür: number optional
İçeriğin genişliğinden bağımsız olarak InfoWindow'un minimum genişliği. Bu özelliği kullanırken minWidth değerini haritanın genişliğinden (piksel cinsinden) daha küçük bir değere ayarlamanız önemle tavsiye edilir. Bu değer yalnızca open() çağrısından önce ayarlanırsa dikkate alınır. İçeriği değiştirirken minimum genişliği değiştirmek için close(), setOptions() ve ardından open() yöntemini çağırın.
pixelOffset
isteğe bağlı
Tür: Size optional
Bilgi penceresinin ucunun, harita üzerinde bilgi penceresinin sabitlendiği coğrafi koordinatlara sahip noktadan piksel cinsinden uzaklığı. Bir InfoWindow, bir bağlantı noktasıyla açılırsa pixelOffset, bağlantı noktasının anchorPoint özelliğinden hesaplanır.
position
isteğe bağlı
Tür: LatLng|LatLngLiteral optional
Bu InfoWindow'un gösterileceği LatLng. InfoWindow bir sabitleme noktasıyla açılırsa bunun yerine sabitleme noktasının konumu kullanılır.
zIndex
isteğe bağlı
Tür: number optional
Tüm InfoWindow'lar, zIndex değerlerine göre haritada gösterilir. Daha yüksek değerlere sahip InfoWindow'lar, daha düşük değerlere sahip InfoWindow'ların önünde gösterilir. Varsayılan olarak InfoWindow'lar enlemlerine göre gösterilir. Daha düşük enlemlerdeki InfoWindow'lar, daha yüksek enlemlerdeki InfoWindow'ların önünde görünür. Bilgi pencereleri her zaman işaretçilerin önünde gösterilir.

InfoWindowOpenOptions arayüzü

google.maps.InfoWindowOpenOptions arayüz

InfoWindow açma seçenekleri

anchor
isteğe bağlı
Bu InfoWindow'un konumlandırılacağı sabitleyici. Bağlantı noktası boş değilse InfoWindow, bağlantı noktasının üst ortasına yerleştirilir. InfoWindow, bağlantı noktasıyla aynı harita veya panoramada oluşturulur (mümkün olduğunda).
map
isteğe bağlı
Tür: Map|StreetViewPanorama optional
Bu InfoWindow'un oluşturulacağı harita veya panorama.
shouldFocus
isteğe bağlı
Tür: boolean optional
InfoWindow açıldığında odağın InfoWindow'un içine taşınıp taşınmayacağı. Bu özellik ayarlanmadığında veya null ya da undefined olarak ayarlandığında, odağın taşınıp taşınmayacağına karar vermek için bir sezgisel yöntem kullanılır. Sezgisel yöntem değişebileceğinden ve tüm kullanım alanları için iyi çalışmayabileceğinden bu özelliği ihtiyaçlarınıza uyacak şekilde açıkça ayarlamanız önerilir.