Advanced Markers

AdvancedMarkerElement sınıfı

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

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

Not: Web bileşeni olarak kullanım (ör. özel <gmp-advanced-marker> HTML öğesi kullanıldığında 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 tarihinde uzatılır.

Bu sınıf AdvancedMarkerElementOptions uyguluyor.

const {AdvancedMarkerElement} = await google.maps.importLibrary("marker") numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki kitaplıklar başlıklı bölümü inceleyin.
AdvancedMarkerElement
AdvancedMarkerElement([options])
Parametreler: 
Belirtilen seçeneklerle bir AdvancedMarkerElement oluşturur. Bir harita belirtilirse 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:  Element optional
Şu sayfaya göz atın: AdvancedMarkerElementOptions.content.
element
Tür:  HTMLElement
Bu alan salt okunur durumdadır. 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, herkese açık kullanıcı adı yöntemiyle bir işlev veya bir nesne olmalıdır
  • options:  boolean|AddEventListenerOptions optional Seçeneklere göz atın. Özel etkinlikler yalnızca capture ve passive özelliklerini destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her yayınlandığında çağrılacak bir işlev oluşturur. addEventHearer konusuna bakın
addListener
addListener(eventName, handler)
Parametreler: 
  • eventName:  string Gözlemlenen etkinlik.
  • handler:  Function Etkinlikleri yönetme işlevi.
Return Value:  MapsEventListener Sonuç elde eden etkinlik işleyici.
Belirtilen dinleyici işlevini, Maps Eventing sisteminde belirtilen etkinlik adına ekler.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventHearer'a kayıtlı bir etkinlik işleyiciyi hedeften kaldırır. removeEventHearer konusuna 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 durdurduğunda 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 addListener() yerine addEventListener() ile 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 veya bir vektör haritasındaki temel harita etiketleriyle çakıştığında nasıl davranması gerektiğini belirten bir numaralandırma.

Not: AdvancedMarkerElement - AdvancedMarkerElement çarpışma hem kafes hem de vektör haritalarında çalışır ancak AdvancedMarkerElement temel haritanın etiket çakışması yalnızca vektör haritalarında çalışır.
content optional
Tür:  Element optional
Varsayılan: PinElement.element
Bir AdvancedMarkerElement öğesinin görselini destekleyen DOM Öğesi.

Not: AdvancedMarkerElement, aktarılan DOM öğesini klonlamaz. DOM öğesi bir AdvancedMarkerElement öğesine geçirildikten sonra, aynı DOM öğesinin başka bir AdvancedMarkerElement öğesine geçirilmesi DOM öğesini taşır ve önceki AdvancedMarkerElement öğesinin boş görünmesine neden olur.
gmpDraggable optional
Tür:  boolean optional
Varsayılan: false
true ise AdvancedMarkerElement sürüklenebilir.

Not: Yüksekliği olan AdvancedMarkerElement sürüklenemez.
map optional
Tür:  Map optional
AdvancedMarkerElement öğesinin görüntüleneceği harita. Harita, AdvancedMarkerElement öğesini görüntülemek için gereklidir ve inşaat sırasında sağlanmamışsa AdvancedMarkerElement.map ayarlanabilir.
position optional
AdvancedMarkerElement ürününün konumunu ayarlar. Bir AdvancedMarkerElement, konum olmadan oluşturulabilir ancak konumu sağlanana kadar (ör. kullanıcının işlemleri veya seçenekleri) gösterilmez. İnşaat halinde sağlanmazsa AdvancedMarkerElement.position şeklinde ayarlanabilir AdvancedMarkerElement.

Not: Rakımlı AdvancedMarkerElement yalnızca vektör haritalarında desteklenir.
title optional
Tür:  string optional
Fareyle üzerine gelindiğinde görünen metin. Sağlanırsa AdvancedMarkerElement öğesine sağlanan değerle bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir.
zIndex optional
Tür:  number optional
Tüm AdvancedMarkerElement öğeleri, zIndex sırasına göre gösterilir. Yüksek değerler, AdvancedMarkerElement değerlerinin önünde daha düşük değerlerle gösterilir. Varsayılan olarak, AdvancedMarkerElement öğeleri ekranın dikey konumuna göre görüntülenir. Alttaki AdvancedMarkerElement öğeleri ise ekranın daha üst kısmındaki AdvancedMarkerElement öğelerinin önünde görünür. zIndex ürününün, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY Gelişmiş İşaretçileri arasındaki göreli önceliği belirlemeye yardımcı olmak için de kullanıldığını unutmayın. zIndex değerinin yüksek olması önceliğin daha yüksek olduğunu gösterir.

AdvancedMarkerClickEvent sınıfı

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

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

Bu sınıf Event tarihinde uzatılır.

const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker") numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki kitaplıklar başlıklı bölümü inceleyin.

PinElement sınıfı

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

PinElement, bir şekil ve bir gliften oluşan DOM öğesini temsil eder. Şekil, varsayılan AdvancedMarkerElement ile aynı balon stiline sahiptir. Glif, balon şeklinde görüntülenen isteğe bağlı bir DOM öğesidir. PinElement metriği, PinElement.scale özelliğine bağlı olarak farklı en boy oranına sahip olabilir.

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

Bu sınıf HTMLElement tarihinde uzatılır.

Bu sınıf PinElementOptions uyguluyor.

const {PinElement} = await google.maps.importLibrary("marker") numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki kitaplıklar başlıklı bölümü 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 okunur durumdadır. 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: 
İade Değeri:  void
Bu işlev henüz kullanılamıyor.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventHearer'a kayıtlı bir etkinlik işleyiciyi hedeften kaldırır. removeEventHearer konusuna 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. Herhangi bir CSS renk değerini destekler.
borderColor optional
Tür:  string optional
Raptiye şeklinin kenarlık rengi. Herhangi bir CSS renk değerini destekler.
glyph optional
Tür:  string|Element|URL optional
Raptiyede görüntülenen DOM öğesi.
glyphColor optional
Tür:  string optional
Kabartma yazı rengi. Herhangi bir CSS renk değerini destekler.
scale optional
Tür:  number optional
Varsayılan: 1
Raptiyenin ölçeği.