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");
const {InfoWindow} = await google.maps.importLibrary("streetView");
Marka | |
|---|---|
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. |
Özellikler | |
|---|---|
isOpen
readonly |
Tür:
booleanInfoWindow'un açık olup olmadığını kontrol eder. |
Yöntemler | |
|---|---|
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
|
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:
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])Döndürülen değer: Yok
|
setHeaderContent |
setHeaderContent([headerContent])Parametreler:
Döndürülen değer: Yok
|
setHeaderDisabled |
setHeaderDisabled([headerDisabled])Parametreler:
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:
Döndürülen değer: Yok
|
Devralınan:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Etkinlikler | |
|---|---|
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.
Özellikler | |
|---|---|
ariaLabel
isteğe bağlı |
Tür:
string optionalInfoWindow'a atanacak AriaLabel. |
content
isteğe bağlı |
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 optionalVarsayılan:
falseInfoWindow açıldığında tamamen görünür olması için haritayı kaydırmayı devre dışı bırakın. |
headerContent
isteğe bağlı |
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 optionalInfoWindow'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 optionalBilgi 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 optionalBu 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 optionalTü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
Özellikler | |
|---|---|
anchor
isteğe bağlı |
Tür:
MVCObject|AdvancedMarkerElement optionalBu 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 optionalBu InfoWindow'un oluşturulacağı harita veya panorama. |
shouldFocus
isteğe bağlı |
Tür:
boolean optionalInfoWindow 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. |