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 kullanarak 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 kapsamını kapsar.

Bu sınıfta AdvancedMarkerElementOptions politikası uygulanır.

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

AdvancedMarkerElement
AdvancedMarkerElement([options])
Parametreler: 
Belirtilen seçeneklerle bir AdvancedMarkerElement oluşturur. Harita belirtilmişse AdvancedMarkerElement, yapım sırasında haritaya eklenir.
collisionBehavior
Tür:  CollisionBehavior optional
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.
BetagmpClickable
Tür:  boolean optional
gmpDraggable
Tür:  boolean optional
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: 
  • typestring Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listenerEventListener|EventListenerObject Bildirim alan nesne. Bu, trueEvent yöntemine sahip bir işlev veya nesne olmalıdır
  • optionsboolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive özelliklerini destekler.
Döndürülen Değer:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev oluşturur. addEventListener etkinliğine bakın
addListener
addListener(eventName, handler)
Parametreler: 
  • eventNamestring Gözlemlenen etkinlik.
  • handlerFunction Etkinlikleri işlemeyi sağlayan işlev.
Döndürme Değeri:  MapsEventListener Sonuçta elde edilen etkinlik işleyici.
Belirtilen işleyici işlevini, Maps Eventing sisteminde verilen etkinlik adına ekler.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener ile 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 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.
Betagmp-click
function(event)
Bağımsız değişkenler: 
Bu etkinlik, AdvancedMarkerElement öğesi tıklandığında tetiklenir. En iyi şekilde addEventListener() ile kullanılır (addListener() yerine).

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 çarpıştığında nasıl davranması gerektiğini belirten bir numaralandırma.

Not: AdvancedMarkerElement ila AdvancedMarkerElement çarpışma, hem kafes hem de vektör haritalarda çalışır, ancak AdvancedMarkerElement temel haritanın etiket çakışması 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 öğesinin başka bir AdvancedMarkerElement öğesine geçirilmesi DOM öğesinin taşınmasına ve önceki AdvancedMarkerElement öğesinin boş görünmesine neden olur.

BetagmpClickable optional
Tür:  boolean optional
Varsayılan: false
true ise AdvancedMarkerElement tıklanabilir ve gmp-click etkinliğini tetikler ve erişilebilirlik amacıyla (ör. ok tuşlarıyla klavyede gezinmeye izin vermek) etkileşimli hale gelir.
gmpDraggable optional
Tür:  boolean optional
Varsayılan: false
true ise AdvancedMarkerElement sürüklenebilir.

Not: Rakımlı AdvancedMarkerElement sürüklenemez.

map optional
Tür:  Map optional
AdvancedMarkerElement öğesinin görüntüleneceği harita. Harita, AdvancedMarkerElement göstermek için gereklidir ve yapım aşamasında sağlanmazsa AdvancedMarkerElement.map ayarlanarak sağlanabilir.
position optional
AdvancedMarkerElement öğesinin konumunu ayarlar. AdvancedMarkerElement bir konum olmadan da oluşturulabilir, ancak konumu sağlanana kadar (örneğin, kullanıcının eylemleri veya seçimleri) görüntülenmeyecektir. 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
Metnin üzerine gelin. Sağlandığında, 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 z-endeksi sırasına göre görüntülenir. Yüksek değerler, AdvancedMarkerElement değerlerinin önünde daha düşük değerlerle görüntülenir. Varsayılan olarak, AdvancedMarkerElement öğeleri ekrandaki dikey konumlarına göre görüntülenirken daha alttaki AdvancedMarkerElement öğeleri ekranın daha ileride AdvancedMarkerElement önünde görünür. zIndex işlevinin CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY Gelişmiş İşaretçiler arasındaki göreli önceliğin belirlenmesine yardımcı olması için de kullanıldığını unutmayın. zIndex değerinin yüksek olması, ö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, Event kapsamını kapsar.

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

PinElement sınıfı

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

PinElement, şekilden ve gliften oluşan bir DOM öğesini temsil eder. Şeklin balon stili, varsayılan AdvancedMarkerElement öğesinde görünenle aynı. Glif, balon şeklinde gösterilen isteğe bağlı bir DOM öğesidir. PinElement, PinElement.scale bağlı olarak farklı en boy oranları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, HTMLElement kapsamını kapsar.

Bu sınıfta PinElementOptions politikası uygulanır.

const {PinElement} = await google.maps.importLibrary("marker") numaralı telefonu arayarak erişin. Haritalar 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.
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öndürülen Değer:  void
Bu işlev henüz kullanılamıyor.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener ile 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.