Advanced Markers

AdvancedMarkerElement sınıfı

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

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

Not: Web bileşeni olarak kullanım (ör. özel <gmp-advanced-marker> HTML öğesi kullanılarak) yalnızca v=beta kanalında kullanılabilir.

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

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

Bu sınıf AdvancedMarkerElementOptions sınıfını uygular.

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

Marka
AdvancedMarkerElement	AdvancedMarkerElement([options]) Parametreler:  options:  AdvancedMarkerElementOptions optional Belirtilen seçeneklerle bir AdvancedMarkerElement oluşturur. Bir harita belirtilirse AdvancedMarkerElement, oluşturulduktan sonra haritaya eklenir.

Özellikler
collisionBehavior	Tür:  CollisionBehavior optional Şu sayfaya göz atın: AdvancedMarkerElementOptions.collisionBehavior.
content	Tür:  Node optional Şu sayfaya göz atın: AdvancedMarkerElementOptions.content.
element	Tür:  HTMLElement Bu alan salt okunur. Görünümü destekleyen DOM öğesi.
gmpClickable	Not: Yalnızca v=beta kanalında kullanılabilir. Tür:  boolean optional Şu sayfaya göz atın: AdvancedMarkerElementOptions.gmpClickable.
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	Tür:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Ş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.

Yöntemler
addEventListener	Not: Yalnızca v=beta kanalında kullanılabilir. addEventListener(type, listener[, options]) Parametreler:  type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf duyarlı bir dize. listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır. options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'i destekler. Döndürülen Değer:  void Belirtilen etkinlik hedefe her sunulduğunda çağrılacak bir işlev oluşturur. addEventListener konusuna bakın
addListener	addListener(eventName, handler) Parametreler:  eventName:  string Gözlemlenen etkinlik. handler:  Function Etkinlikleri işleyen işlev. Döndürülen Değer:  MapsEventListener Sonuç olarak ortaya çıkan etkinlik işleyici. Belirtilen dinleyici işlevini Haritalar Etkinlik sistemi'ndeki belirli etkinlik adına ekler.
removeEventListener	Not: Yalnızca v=beta kanalında kullanılabilir. removeEventListener(type, listener[, options]) Parametreler:  type:  string Bir etkinlik dinleyicisinin kaldırılacağı etkinlik türünü belirten bir dize. listener:  EventListener|EventListenerObject Etkinlik hedefinden kaldırılacak etkinlik işleyicinin etkinlik işleyicisi. options:  boolean|EventListenerOptions optional Seçenekler'e bakın Döndürülen Değer:  void Daha önce addEventListener ile kaydedilen bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine bakın.

Etkinlikler
click	function(event) Bağımsız değişkenler:  event:  MapMouseEvent 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:  event:  MapMouseEvent 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:  event:  MapMouseEvent Bu etkinlik, kullanıcı AdvancedMarkerElement öğesini sürüklemeyi durdurduğunda tetiklenir. addEventListener() ile kullanılamaz.
dragstart	function(event) Bağımsız değişkenler:  event:  MapMouseEvent Bu etkinlik, kullanıcı AdvancedMarkerElement öğesini sürüklemeye başladığında tetiklenir. addEventListener() ile kullanılamaz.
gmp-click	Not: Yalnızca v=beta kanalında kullanılabilir. function(event) Bağımsız değişkenler:  event:  AdvancedMarkerClickEvent Bu etkinlik, AdvancedMarkerElement öğesi tıklandığında tetiklenir. addEventListener() ile (addListener() yerine) kullanılması önerilir.

AdvancedMarkerElementOptions arabirim

google.maps.marker.AdvancedMarkerElementOptions arayüz

AdvancedMarkerElement oluşturma seçenekleri.

Özellikler
collisionBehavior optional	Tür:  CollisionBehavior optional Bir AdvancedMarkerElement'nin başka bir AdvancedMarkerElement ile veya bir vektör haritadaki ana harita etiketleriyle çarpıştığında nasıl davranması gerektiğini belirten bir listeleme. Not: AdvancedMarkerElement ile AdvancedMarkerElement arasındaki çarpışma hem raster hem de vektör haritalarda çalışır. Ancak AdvancedMarkerElement ile ana harita arasındaki etiket çarpışması yalnızca vektör haritalarda çalışır.
content optional	Tür:  Node optional Varsayılan: PinElement.element Bir AdvancedMarkerElement öğesinin görselini destekleyen DOM öğesi. Not: AdvancedMarkerElement, iletilen DOM öğesini klonlamaz. DOM öğesi bir AdvancedMarkerElement'ye aktarıldıktan sonra aynı DOM öğesi başka bir AdvancedMarkerElement'ye aktarılırsa DOM öğesi taşınır ve önceki AdvancedMarkerElement boş görünür.
gmpClickable optional	Not: Yalnızca v=beta kanalında kullanılabilir. 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ı aracılığıyla klavye gezinmesine izin verir).
gmpDraggable optional	Tür:  boolean optional Varsayılan: false true ise AdvancedMarkerElement sürüklenebilir. Not: Yükseklik bilgisi içeren AdvancedMarkerElement sürüklenemez.
map optional	Tür:  Map optional AdvancedMarkerElement'ün gösterileceği harita. AdvancedMarkerElement'ün gösterilmesi için harita gereklidir ve yapılandırma sırasında sağlanmadıysa AdvancedMarkerElement.map ayarlanarak sağlanabilir.
position optional	Tür:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElement'nin konumunu ayarlar. AdvancedMarkerElement, konum olmadan oluşturulabilir ancak konumu sağlanana kadar (ör. kullanıcının işlemleri veya seçimleriyle) gösterilmez. AdvancedMarkerElement'nin konumu, oluşturma sırasında sağlanmadıysa AdvancedMarkerElement.position ayarlanarak sağlanabilir. Not: Yükseklik bilgisi içeren AdvancedMarkerElement yalnızca vektör haritalarda desteklenir.
title optional	Tür:  string optional Fareyle üzerine gelme metni. 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'ler haritada zIndex'lerine göre gösterilir. Daha yüksek değerlere sahip AdvancedMarkerElement'ler, daha düşük değerlere sahip AdvancedMarkerElement'lerin önünde gösterilir. Varsayılan olarak AdvancedMarkerElement'ler ekrandaki dikey konumlarına göre gösterilir. Alttaki AdvancedMarkerElement'ler, ekranın üst kısmındaki AdvancedMarkerElement'lerin önünde görünür. zIndex'ün, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY gelişmiş işaretçiler arasındaki göreceli önceliği belirlemeye yardımcı olmak için de kullanıldığını unutmayın. 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

Not: Yalnızca v=beta kanalında kullanılabilir.

Bu etkinlik, gelişmiş işaretçi tıklandığında oluşturulur. event.target.position ile işaretleyicinin konumuna erişin.

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

const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker") numaralı telefonu 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 bir simge içeren bir DOM öğesini temsil eder. Şekil, varsayılan AdvancedMarkerElement'te görülen balon stiliyle aynıdır. Simge, balon şeklinde gösterilen isteğe bağlı bir DOM öğesidir. PinElement, PinElement.scale'sine bağlı olarak farklı bir en boy oranına sahip olabilir.

Not: Web bileşeni olarak kullanım (ör. HTMLElement alt sınıfı olarak veya HTML aracılığıyla) henüz desteklenmemektedir.

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

Bu sınıf PinElementOptions sınıfını uygular.

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

Marka
PinElement	PinElement([options]) Parametreler:  options:  PinElementOptions optional

Özellikler
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.
element	Tür:  HTMLElement Bu alan salt okunur. Görünümü destekleyen DOM öğesi.
glyph	Tür:  string|Element|URL optional Şu sayfaya göz atın: PinElementOptions.glyph.
glyphColor	Tür:  string optional Şu sayfaya göz atın: PinElementOptions.glyphColor.
scale	Tür:  number optional Şu sayfaya göz atın: PinElementOptions.scale.

Yöntemler
addEventListener	Not: Yalnızca v=beta kanalında kullanılabilir. addEventListener(type, listener[, options]) Parametreler:  type:  string listener:  EventListener|EventListenerObject options:  boolean|AddEventListenerOptions optional Döndürülen Değer:  void Bu işlev henüz kullanıma sunulmamıştır.
removeEventListener	Not: Yalnızca v=beta kanalında kullanılabilir. removeEventListener(type, listener[, options]) Parametreler:  type:  string Bir etkinlik dinleyicisinin kaldırılacağı etkinlik türünü belirten bir dize. listener:  EventListener|EventListenerObject Etkinlik hedefinden kaldırılacak etkinlik işleyicinin etkinlik işleyicisi. options:  boolean|EventListenerOptions optional Seçenekler'e bakın Döndürülen Değer:  void Daha önce addEventListener ile kaydedilen bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine bakın.

PinElementOptions arayüzü

google.maps.marker.PinElementOptions arayüz

PinElement oluşturma seçenekleri.

Özellikler
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 Sabitlemede gösterilen DOM öğesi.
glyphColor optional	Tür:  string optional Glifenin rengi. Tüm CSS renk değerlerini destekler.
scale optional	Tür:  number optional Varsayılan: 1 İğnenin ölçeği.