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.

Marka
AdvancedMarkerElement	AdvancedMarkerElement([options]) Parametreler:  options:  AdvancedMarkerElementOptions optional Belirtilen seçeneklerle bir AdvancedMarkerElement oluşturur. Bir harita belirtilirse AdvancedMarkerElement, yol çalışması sırasında 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 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	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	Uyarı: 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 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.
removeEventListener	Uyarı: Yalnızca v=beta kanalında kullanılabilir. removeEventListener(type, listener[, options]) Parametreler:  type:  string Etkinlik işleyicinin kaldırılacağı etkinliğin türünü belirten bir dize. listener:  EventListener|EventListenerObject Etkinlik işleyiciden etkinlik işleyiciden kaldırılacak etkinlik işleyici. options:  boolean|EventListenerOptions optional Seçeneklere göz atın İade Değeri:  void Daha önce addEventHearer'a kayıtlı bir etkinlik işleyiciyi hedeften kaldırır. removeEventHearer konusuna 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	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. En iyi şekilde addListener() yerine addEventListener() ile kullanılır.

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 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:  Node 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	Tür:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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

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

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.

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 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.

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ılamıyor.
removeEventListener	Uyarı: Yalnızca v=beta kanalında kullanılabilir. removeEventListener(type, listener[, options]) Parametreler:  type:  string Etkinlik işleyicinin kaldırılacağı etkinliğin türünü belirten bir dize. listener:  EventListener|EventListenerObject Etkinlik işleyiciden etkinlik işleyiciden kaldırılacak etkinlik işleyici. options:  boolean|EventListenerOptions optional Seçeneklere göz atın İ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.

Özellikler
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.