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.
Marka | |
---|---|
AdvancedMarkerElement |
AdvancedMarkerElement([options]) Parametreler:
Belirtilen seçeneklerle bir AdvancedMarkerElement oluşturur. Harita belirtilmişse AdvancedMarkerElement , yapım 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 okunurdur. Görünümü destekleyen DOM Öğesi. |
gmpClickable |
Tür:
boolean optional Şu sayfaya göz atın: AdvancedMarkerElementOptions.gmpClickable . |
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:
|
title |
Tür:
string Şu sayfaya göz atın:
AdvancedMarkerElementOptions.title .HTML özelliği:
|
zIndex |
Tür:
number optional Şu sayfaya göz atın: AdvancedMarkerElementOptions.zIndex . |
Yöntemler | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametreler:
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:
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. |
removeEventListener |
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 |
Etkinlikler | |
---|---|
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. |
gmp-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.
Özellikler | |
---|---|
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: |
content optional |
Tür:
Node optional Varsayılan:
PinElement.element AdvancedMarkerElement görselini destekleyen DOM Öğesi. Not: |
gmpClickable 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ı |
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 |
Tür:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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ı |
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.
Marka | |
---|---|
PinElement |
PinElement([options]) Parametreler:
|
Ö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 |
Ş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 |
addEventListener(type, listener[, options]) Parametreler:
Döndürülen Değer:
void Bu işlev henüz kullanılamıyor. |
removeEventListener |
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.
Özellikler | |
---|---|
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 |
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. |