Advanced Markers

AdvancedMarkerElement sınıfı

google.maps.marker.AdvancedMarkerElement sınıf

Haritada bir konumu gösterir. AdvancedMarkerElement değerinin gösterilmesi için position değerinin ayarlanması gerektiğini unutmayın.

Özel öğe:
<gmp-advanced-marker anchor-left="string" anchor-top="string" gmp-clickable position="lat,lng" title="string"></gmp-advanced-marker>

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, AdvancedMarkerElementOptions'yi uygular.

const {AdvancedMarkerElement} = await google.maps.importLibrary("marker") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
AdvancedMarkerElement
AdvancedMarkerElement([options])
Parametreler: 
Belirtilen seçeneklerle bir AdvancedMarkerElement oluşturur. Bir harita belirtilirse AdvancedMarkerElement, oluşturulduktan sonra haritaya eklenir.
anchorLeft
Tür:  string optional
Varsayılan: "-%50"
İşaretçinin bağlantı noktasını işaretçinin sol üst köşesinden kaydırmak için kullanılan bir CSS uzunluk yüzdesi değeri. Bu, varsayılan işaretçinin tipik alt orta noktasından farklı bir sabitleme noktasına sahip bir görsel kullanırken yararlıdır.
HTML özelliği:
  • <gmp-advanced-marker anchor-left="string"></gmp-advanced-marker>
anchorTop
Tür:  string optional
Varsayılan: "-%100"
İşaretçinin bağlantı noktasını işaretçinin sol üst köşesinden kaydırmak için kullanılan bir CSS uzunluk yüzdesi değeri. Bu, varsayılan işaretçinin tipik alt orta noktasından farklı bir sabitleme noktasına sahip bir görsel kullanırken yararlıdır.
HTML özelliği:
  • <gmp-advanced-marker anchor-top="string"></gmp-advanced-marker>
collisionBehavior
Tür:  CollisionBehavior optional
Şu sayfaya göz atın: AdvancedMarkerElementOptions.collisionBehavior.
gmpClickable
Tür:  boolean optional
Şu sayfaya göz atın: AdvancedMarkerElementOptions.gmpClickable.
HTML özelliği:
  • <gmp-advanced-marker gmp-clickable></gmp-advanced-marker>
gmpDraggable
Tür:  boolean optional
Şu sayfaya göz atın: AdvancedMarkerElementOptions.gmpDraggable.
map
Tür:  Map optional
Şu sayfaya göz atın: AdvancedMarkerElementOptions.map.
position
Şu sayfaya göz atın: AdvancedMarkerElementOptions.position.
HTML özelliği:
  • <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker>
  • <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title
Tür:  string
Şu sayfaya göz atın: AdvancedMarkerElementOptions.title.
HTML özelliği:
  • <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex
Tür:  number optional
Şu sayfaya göz atın: AdvancedMarkerElementOptions.zIndex.
element
Tür:  HTMLElement
Bu alan salt okunurdur. Görünümü destekleyen DOM öğesi.
content
Tür:  Node optional
Şu sayfaya göz atın: AdvancedMarkerElementOptions.content.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
addListener
addListener(eventName, handler)
Parametreler: 
  • eventName:  string Gözlemlenen etkinlik.
  • handler:  Function Etkinlikleri işleme işlevi.
Döndürülen Değer:  MapsEventListener Sonuçta elde edilen etkinlik işleyici.
Belirtilen işleyici işlevini, Haritalar Etkinlik sistemindeki belirtilen etkinlik adına ekler.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
click
function(event)
Bağımsız değişkenler: 
Bu etkinlik, AdvancedMarkerElement öğesi tıklandığında tetiklenir.

addEventListener() ile kullanılamaz (bunun yerine gmp-click kullanın).
drag
function(event)
Bağımsız değişkenler: 
Bu etkinlik, kullanıcı AdvancedMarkerElement öğesini sürüklerken tekrar tekrar tetiklenir.

addEventListener() ile kullanılamaz.
dragend
function(event)
Bağımsız değişkenler: 
Bu etkinlik, kullanıcı AdvancedMarkerElement öğesini sürüklemeyi bıraktığında tetiklenir.

addEventListener() ile kullanılamaz.
dragstart
function(event)
Bağımsız değişkenler: 
Bu etkinlik, kullanıcı AdvancedMarkerElement öğesini sürüklemeye başladığında tetiklenir.

addEventListener() ile kullanılamaz.
gmp-click
function(event)
Bağımsız değişkenler: 
Bu etkinlik, AdvancedMarkerElement öğesi tıklandığında tetiklenir. addEventListener() ile kullanılması önerilir (addListener() yerine).

AdvancedMarkerElementOptions arayüzü

google.maps.marker.AdvancedMarkerElementOptions arayüz

AdvancedMarkerElement oluşturma seçenekleri.
anchorLeft optional
Tür:  string optional
Varsayılan: "-%50"
İşaretçinin bağlantı noktasını işaretçinin sol üst köşesinden kaydırmak için kullanılan bir CSS uzunluk yüzdesi değeri. Bu, varsayılan işaretçinin tipik alt orta noktasından farklı bir sabitleme noktasına sahip bir görsel kullanırken yararlıdır.
anchorTop optional
Tür:  string optional
Varsayılan: "-%100"
İşaretçinin bağlantı noktasını işaretçinin sol üst köşesinden kaydırmak için kullanılan bir CSS uzunluk yüzdesi değeri. Bu, varsayılan işaretçinin tipik alt orta noktasından farklı bir sabitleme noktasına sahip bir görsel kullanırken yararlıdır.
collisionBehavior optional
Tür:  CollisionBehavior optional
Bir AdvancedMarkerElement öğesinin başka bir AdvancedMarkerElement öğesiyle veya vektör haritadaki temel harita etiketleriyle çakıştığında nasıl davranması gerektiğini belirten bir sıralama.

Not: AdvancedMarkerElement ile AdvancedMarkerElement arasındaki çakışma hem raster hem de vektör haritalarda çalışır ancak AdvancedMarkerElement ile temel haritanın etiket çakışması yalnızca vektör haritalarda çalışır.
content optional
Tür:  Node optional
Varsayılan: PinElement
AdvancedMarkerElement görselini destekleyen DOM öğesi.

Not: AdvancedMarkerElement, iletilen DOM öğesini klonlamaz. DOM öğesi bir AdvancedMarkerElement öğesine iletildikten sonra aynı DOM öğesinin başka bir AdvancedMarkerElement öğesine iletilmesi, DOM öğesini taşır ve önceki AdvancedMarkerElement öğesinin boş görünmesine neden olur.
gmpClickable optional
Tür:  boolean optional
Varsayılan: false
true ise AdvancedMarkerElement tıklanabilir olur ve gmp-click etkinliğini tetikler.Ayrıca erişilebilirlik amacıyla etkileşimli olur (ör. ok tuşlarıyla klavye gezinmesine izin verir).
gmpDraggable optional
Tür:  boolean optional
Varsayılan: false
true ise AdvancedMarkerElement sürüklenebilir.

Not: Rakım içeren AdvancedMarkerElement sürüklenebilir değildir.
map optional
Tür:  Map optional
AdvancedMarkerElement öğesinin gösterileceği harita. Harita, AdvancedMarkerElement öğesini göstermek için gereklidir ve oluşturma sırasında sağlanmadıysa AdvancedMarkerElement.map ayarlanarak sağlanabilir.
position optional
AdvancedMarkerElement öğesinin konumunu ayarlar. AdvancedMarkerElement, konum olmadan oluşturulabilir ancak konumu sağlanana kadar (ör. kullanıcının işlemleri veya seçimleri aracılığıyla) gösterilmez. AdvancedMarkerElement öğesinin konumu, oluşturma sırasında sağlanmadıysa AdvancedMarkerElement.position ayarlanarak sağlanabilir.

Not: Rakımlı AdvancedMarkerElement yalnızca vektör haritalarda desteklenir.
title optional
Tür:  string optional
Fareyle üzerine gelindiğinde gösterilen metin. Sağlanırsa AdvancedMarkerElement öğesine, sağlanan değerle birlikte bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir.
zIndex optional
Tür:  number optional
Tüm AdvancedMarkerElement öğeleri, haritada zIndex değerlerine göre sıralanır. Daha yüksek değerlere sahip öğeler, daha düşük değerlere sahip AdvancedMarkerElement öğelerinin önünde gösterilir. Varsayılan olarak AdvancedMarkerElement, ekrandaki dikey konumlarına göre gösterilir. Daha alçak AdvancedMarkerElement, ekranın daha yukarısındaki AdvancedMarkerElement öğelerinin önünde görünür. zIndex, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY Gelişmiş İşaretçi arasındaki göreceli önceliği belirlemek için de kullanılır. Daha yüksek bir zIndex değeri, daha yüksek önceliği gösterir.

AdvancedMarkerClickEvent sınıfı

google.maps.marker.AdvancedMarkerClickEvent sınıf

Bu etkinlik, gelişmiş işaretçinin tıklanmasıyla oluşturulur. event.target.position ile işaretçinin konumuna erişin.

Bu sınıf, Event sınıfını genişletir.

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

PinElement sınıfı

google.maps.marker.PinElement sınıf

PinElement, bir şekil ve gliften oluşan DOM öğesini temsil eder. Şekil, varsayılan AdvancedMarkerElement veya Marker3DElement ile aynı balon stiline sahiptir. Glif, balon şeklinde gösterilen isteğe bağlı bir DOM öğesidir. PinElement, PinElement.scale değerine bağlı olarak farklı bir en boy oranına sahip olabilir.

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, PinElementOptions'yi uygular.

const {PinElement} = await google.maps.importLibrary("marker") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
PinElement
PinElement([options])
Parametreler: 
background
Tür:  string optional
Şu sayfaya göz atın: PinElementOptions.background.
borderColor
Tür:  string optional
Şu sayfaya göz atın: PinElementOptions.borderColor.
glyphColor
Tür:  string optional
Şu sayfaya göz atın: PinElementOptions.glyphColor.
glyphSrc
Tür:  URL|string optional
Şu sayfaya göz atın: PinElementOptions.glyphSrc.
glyphText
Tür:  string optional
Şu sayfaya göz atın: PinElementOptions.glyphText.
scale
Tür:  number optional
Şu sayfaya göz atın: PinElementOptions.scale.
element
Tür:  HTMLElement
Bu alan salt okunurdur. Görünümü destekleyen DOM öğesi.
glyph
Tür:  string|Element|URL optional
Şu sayfaya göz atın: PinElementOptions.glyph.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

PinElementOptions arayüzü

google.maps.marker.PinElementOptions arayüz

PinElement oluşturma seçenekleri.
background optional
Tür:  string optional
Raptiye şeklinin arka plan rengi. Tüm CSS renk değerlerini destekler.
borderColor optional
Tür:  string optional
Raptiye şeklinin kenarlık rengi. Tüm CSS renk değerlerini destekler.
glyph optional
Tür:  string|Element|URL optional
Raptiyede gösterilen DOM öğesi.
glyphColor optional
Tür:  string optional
Glifin rengi. Tüm CSS renk değerlerini destekler.
glyphSrc optional
Tür:  URL|string optional
Raptiyede gösterilecek glif resminin kaynağı.
glyphText optional
Tür:  string optional
Raptiyede gösterilen metin.
scale optional
Tür:  number optional
Varsayılan: 1
Raptiyenin ölçeği.