Advanced Markers

AdvancedMarkerElement class

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

Haritada bir konumu gösterir. AdvancedMarkerElement öğesinin görüntülenmesi için position öğesinin ayarlanması gerektiğini unutmayın.

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

Bu sınıfın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf AdvancedMarkerElementOptions öğesini 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 AdvancedMarkerElement oluşturur. Bir harita belirtilmişse AdvancedMarkerElement, oluşturulduktan sonra haritaya eklenir.

Özellikler
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	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.
element	Desteği sonlandırıldı: AdvancedMarkerElement'ı doğrudan kullanın. Tür:  HTMLElement Bu alan salt okunurdur. Görünümü destekleyen DOM öğesi.
content	Kullanımdan kaldırıldı: Bunun yerine .children özelliğini kullanın. Tür:  Node optional Şu sayfaya göz atın: AdvancedMarkerElementOptions.content.

Yöntemler
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ö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'yi destekler. İade Değeri:  void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener konusuna bakın.
addListener	addListener(eventName, handler) Parametreler:  eventName:  string Gözlemlenen etkinlik. handler:  Etkinlikleri işlemek için Function işlevi. Döndürülen Değer:  MapsEventListener Ortaya çıkan etkinlik işleyicisi. Belirtilen işleyici işlevini, Maps Eventing sistemindeki belirtilen etkinlik adına ekler.
removeEventListener	removeEventListener(type, listener[, options]) Parametreler:  type:  string Bir etkinlik dinleyicisinin kaldırılacağı etkinlik türünü belirten dize. listener:  EventListener|EventListenerObject Etkinlik hedefinden kaldırılacak etkinlik işleyicinin etkinlik işleyicisi. options:  boolean|EventListenerOptions optional Seçeneklere bakın. İade Değeri:  void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

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 simgesini 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 simgesini sürüklemeyi bıraktığında tetiklenir. addEventListener() ile kullanılamaz.
dragstart	function(event) Bağımsız değişkenler:  event:  MapMouseEvent Bu etkinlik, kullanıcı AdvancedMarkerElement simgesini sürüklemeye başladığında tetiklenir. addEventListener() ile kullanılamaz.
gmp-click	Uyarı: 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. addListener() yerine addEventListener() ile birlikte kullanılması önerilir.

AdvancedMarkerElementOptions arayüzü

google.maps.marker.AdvancedMarkerElementOptions arayüz

AdvancedMarkerElement oluşturma seçenekleri.

Özellikler
collisionBehavior optional	Tür:  CollisionBehavior optional Bir AdvancedMarkerElement öğesinin başka bir AdvancedMarkerElement öğesiyle veya bir vektör haritasındaki temel harita etiketleriyle çakıştığında nasıl davranacağını belirten bir sıralama. Not: AdvancedMarkerElement ile AdvancedMarkerElement çakışması hem raster hem de vektör haritalarda çalışır. Ancak AdvancedMarkerElement ile temel haritanın etiketi arasındaki çakışma yalnızca vektör haritalarda çalışır.
content optional	Tür:  Node optional Varsayılan: PinElement.element AdvancedMarkerElement görselini destekleyen DOM öğesi. Not: AdvancedMarkerElement, iletilen DOM öğesini klonlamaz. DOM öğesi bir AdvancedMarkerElement'ya iletildikten sonra aynı DOM öğesinin başka bir AdvancedMarkerElement'ya iletilmesi, DOM öğesini taşır ve önceki AdvancedMarkerElement'nın boş görünmesine neden olur.
gmpClickable optional	Uyarı: Yalnızca v=beta kanalında kullanılabilir. Tür:  boolean optional Varsayılan: false true ise AdvancedMarkerElement tıklanabilir olur, gmp-click etkinliğini tetikler ve erişilebilirlik amacıyla etkileşimli hale gelir (ö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: Yükseklik bilgisi içeren AdvancedMarkerElement sürüklenemez.
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ğlanmamışsa AdvancedMarkerElement.map ayarlanarak sağlanabilir.
position optional	Tür:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElement konumunu ayarlar. Bir AdvancedMarkerElement, konum olmadan oluşturulabilir ancak konumu sağlanana kadar (örneğin, kullanıcının işlemleri veya seçimleri aracılığıyla) gösterilmez. Bir AdvancedMarkerElement öğesinin konumu, oluşturma sırasında sağlanmamışsa 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 gelindiğinde gösterilen metin. Sağlanırsa erişilebilirlik metni (ör. ekran okuyucularla kullanım için) AdvancedMarkerElement öğesine sağlanan değerle birlikte eklenir.
zIndex optional	Tür:  number optional Tüm AdvancedMarkerElement'ler, zIndex'lerine göre haritada gösterilir. Daha yüksek değerler, daha düşük değerlere sahip AdvancedMarkerElement'lerin önünde gösterilir. Varsayılan olarak, AdvancedMarkerElement ekran üzerindeki dikey konumlarına göre gösterilir. Daha alttaki AdvancedMarkerElement, ekranın daha üst kısmındaki AdvancedMarkerElement'ların önünde görünür. zIndex, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY Gelişmiş İşaretçiler arasındaki göreceli önceliği belirlemeye yardımcı olmak için de kullanılır. Daha yüksek bir zIndex değeri, daha yüksek önceliği gösterir.

AdvancedMarkerClickEvent class

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

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

Bu sınıfın süresi Event tarihinde sona eriyor.

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

PinElement class

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

PinElement, şekil ve gliften oluşan bir DOM öğesini temsil eder. Şekil, varsayılan AdvancedMarkerElement'da görülen balon stiline sahiptir. Glif, balon şeklinde gösterilen isteğe bağlı bir DOM öğesidir. Bir PinElement, PinElement.scale 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 üzerinden kullanım) henüz desteklenmemektedir.

Bu sınıfın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf PinElementOptions öğesini 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 okunurdur. 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	Uyarı: Yalnızca v=beta kanalında kullanılabilir. addEventListener(type, listener[, options]) Parametreler:  type:  string listener:  EventListener|EventListenerObject options:  boolean|AddEventListenerOptions optional İade Değeri:  void Bu işlev henüz kullanıma sunulmadı.
removeEventListener	removeEventListener(type, listener[, options]) Parametreler:  type:  string Bir etkinlik dinleyicisinin kaldırılacağı etkinlik türünü belirten dize. listener:  EventListener|EventListenerObject Etkinlik hedefinden kaldırılacak etkinlik işleyicinin etkinlik işleyicisi. options:  boolean|EventListenerOptions optional Seçeneklere bakın. İade Değeri:  void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PinElementOptions arayüzü

google.maps.marker.PinElementOptions arayüz

PinElement oluşturma seçenekleri.

Özellikler
background optional	Tür:  string optional Pin şeklinin arka plan rengi. Tüm CSS renk değerlerini destekler.
borderColor optional	Tür:  string optional Pin ş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 Glifin rengi. Tüm CSS renk değerlerini destekler.
scale optional	Tür:  number optional Varsayılan: 1 Pinin ölçeği.