Advanced Markers

AdvancedMarkerElement sınıfı

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

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

Not: Web Bileşeni olarak kullanım (ör. özel <gmp-advanced-marker> HTML öğesi 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ın kapsamı HTMLElement.

Bu sınıf AdvancedMarkerElementOptions yöntemini uyguluyor.

const {AdvancedMarkerElement} = await google.maps.importLibrary("marker") numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.
AdvancedMarkerElement
AdvancedMarkerElement([options])
Parametreler: 
Belirtilen seçeneklerle bir AdvancedMarkerElement oluşturur. Harita belirtilmişse, AdvancedMarkerElement yol çalışması sırasında haritaya eklenir.
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 okunurdur. Görünümü destekleyen DOM Öğesi.
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.
BetaaddEventListener
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çenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive özelliklerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. Bkz. addEventListener
addListener
addListener(eventName, handler)
Parametreler: 
  • eventName:  string Gözlemlenen etkinlik.
  • handler:  Function Etkinlikleri işlemeyi sağlayan işlev.
Dönüş Değeri:  MapsEventListener Sonuçta ortaya çıkan etkinlik işleyici.
Belirtilen işleyici işlevini, Haritalar Eventing sisteminde verilen etkinlik adına ekler.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener hizmetine kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. Bkz. removeEventListener
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: 
Kullanıcı AdvancedMarkerElement öğesini sürüklerken bu etkinlik sürekli olarak 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.
Betagmp-click
function(event)
Bağımsız değişkenler: 
Bu etkinlik, AdvancedMarkerElement öğesi tıklandığında tetiklenir. addListener() yerine addEventListener() ile en iyi şekilde kullanılır.

AdvancedMarkerElementOptions arayüzü

google.maps.marker.AdvancedMarkerElementOptions arayüz

AdvancedMarkerElement oluşturma seçenekleri.
collisionBehavior optional
Tür:  CollisionBehavior optional
Bir AdvancedMarkerElement öğesinin başka bir AdvancedMarkerElement ile veya bir vektör haritasındaki temel harita etiketleriyle çakıştığında nasıl davranması gerektiğini belirten bir numaralandırma.

Not: AdvancedMarkerElement to AdvancedMarkerElement çarpışma, hem kafes hem de vektör haritalarında işe yarar; AdvancedMarkerElement temel haritanın etiketiyle çarpışma ise yalnızca vektör haritalarında ç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 öğesine geçirildiğinde, aynı DOM öğesi başka bir AdvancedMarkerElement öğesine geçirildiğinde DOM öğesi taşınır ve önceki AdvancedMarkerElement boş görünür.
gmpDraggable optional
Tür:  boolean optional
Varsayılan: false
true ise AdvancedMarkerElement sürüklenebilir.

Not: Rakımlı AdvancedMarkerElement sürüklenebilir değildir.
map optional
Tür:  Map optional
AdvancedMarkerElement öğesinin görüntüleneceği harita. Harita, AdvancedMarkerElement göstermek için gereklidir ve yol çalışması sırasında sağlanmazsa AdvancedMarkerElement.map ayarlanarak sağlanabilir.
position optional
AdvancedMarkerElement öğesinin konumunu ayarlar. AdvancedMarkerElement, konum olmadan da oluşturulabilir, ancak konumu (örneğin, kullanıcının işlemleri veya seçimleri) sağlanana kadar görüntülenmez. Yapım aşamasında sağlanmazsa bir AdvancedMarkerElement konumu AdvancedMarkerElement.position ayarlanarak sağlanabilir.

Not: Rakımlı AdvancedMarkerElement özelliği yalnızca vektör haritalarında desteklenir.
title optional
Tür:  string optional
Fareyle üzerine gelindiğinde görünen metin. 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 değerleri, haritada z Endeksi değerlerine göre gösterilir ve yüksek değerler, daha düşük değerlere sahip AdvancedMarkerElement seçeneklerinin önünde gösterilir. Varsayılan olarak, AdvancedMarkerElement öğeleri ekrandaki dikey konumlarına göre görüntülenirken alttaki AdvancedMarkerElement, ekranın daha yukarılarındaki AdvancedMarkerElement öğelerinin önünde görünür. zIndex yönteminin, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY Gelişmiş İşaretçiler arasında göreli önceliğin belirlenmesine yardımcı olması için de kullanıldığını unutmayın. zIndex değeri yükseldikçe önceliğin yüksek olduğunu gösterir.

AdvancedMarkerClickEvent sınıfı

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

Bu etkinlik bir Gelişmiş İşaretçi tıklanarak oluşturuldu. event.target.position ile işaretçinin konumuna erişin.

Bu sınıfın kapsamı Event.

const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker") numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.

PinElement sınıfı

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

PinElement, bir şekilden ve bir gliften oluşan bir DOM öğesini temsil eder. Şeklin balon stili, varsayılan AdvancedMarkerElement içinde görülenle aynı. Glif, balon şeklinde görüntülenen isteğe bağlı bir DOM öğesidir. Bir PinElement, PinElement.scale bağlı olarak farklı 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 kapsamı HTMLElement.

Bu sınıf PinElementOptions yöntemini uyguluyor.

const {PinElement} = await google.maps.importLibrary("marker") numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.
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.
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.
BetaaddEventListener
addEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Bu işlev henüz kullanılamıyor.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener hizmetine kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. Bkz. removeEventListener

PinElementOptions arayüzü

google.maps.marker.PinElementOptions arayüz

PinElement oluşturma seçenekleri.
background optional
Tür:  string optional
İğne şeklinin arka plan rengi. Tüm CSS renk değerlerini destekler.
borderColor optional
Tür:  string optional
İğne ş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.
scale optional
Tür:  number optional
Varsayılan: 1
Raptiyenin ölçeği.