Marker sınıfı
google.maps.Marker
sınıf
Bu sınıfın kapsamı MVCObject
.
const {Marker} = await google.maps.importLibrary("marker")
numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.
Marka | |
---|---|
Marker |
Marker([opts]) Parametreler:
Belirtilen seçeneklerle bir işaretçi oluşturur. Harita belirtilmişse işaretçi, inşaat sırasında haritaya eklenir. İşaretçinin görüntülenmesi için konumun ayarlanması gerektiğini unutmayın. |
Sabitler | |
---|---|
MAX_ZINDEX |
API'nin bir işaretçiye atayacağı varsayılan maksimum Z-endeksi. Bir işaretçiyi öne getirmek için daha yüksek bir Z-endeksi ayarlayabilirsiniz. |
Yöntemler | |
---|---|
getAnimation |
getAnimation() Parametreler: Yok
Dönüş Değeri:
Animation|null|undefined Şu anda çalışan animasyonu alın. |
getClickable |
getClickable() Parametreler: Yok
Döndürme Değeri:
boolean İşaretçi tıklanabilirse True (doğru) değerini alır.Marker öğesinin tıklanabilir durumunu alın. |
getCursor |
getCursor() Parametreler: Yok
Dönüş Değeri:
string|null|undefined Fareyle üzerine gelindiğinde fare imleç türünü gösterin. |
getDraggable |
getDraggable() Parametreler: Yok
Dönüş Değeri:
boolean İşaretçi sürüklenebilirse True (doğru) değerini alır.Marker öğesinin sürüklenebilir durumunu öğrenin. |
getIcon |
getIcon() Parametreler: Yok
Marker simgesini alın. Şu sayfaya göz atın: MarkerOptions.icon . |
getLabel |
getLabel() Parametreler: Yok
Dönüş Değeri:
MarkerLabel|string|null|undefined Marker öğesinin etiketini alın. Şu sayfaya göz atın: MarkerOptions.label . |
getMap |
getMap() Parametreler: Yok
Dönüş Değeri:
Map|StreetViewPanorama Marker öğesinin oluşturulduğu haritayı veya panaroamayı alın. |
getOpacity |
getOpacity() Parametreler: Yok
Dönüş Değeri:
number|null|undefined 0,0 ile 1,0 arasında bir sayı.Marker öğesinin opaklığını alın. |
getPosition |
getPosition() Parametreler: Yok
Dönüş Değeri:
LatLng|null|undefined Marker öğesinin konumunu alın. |
getShape |
getShape() Parametreler: Yok
Dönüş Değeri:
MarkerShape|null|undefined Etkileşim için kullanılan Marker şeklini alın. MarkerOptions.shape ve MarkerShape hükümlerini inceleyin. |
getTitle |
getTitle() Parametreler: Yok
Dönüş Değeri:
string|null|undefined Marker ipucunun başlığını alın. Şu sayfaya göz atın: MarkerOptions.title . |
getVisible |
getVisible() Parametreler: Yok
Dönüş Değeri:
boolean İşaretçi görünürse True (doğru) değerini alır.Marker öğesinin görünürlüğünü öğrenin. |
getZIndex |
getZIndex() Parametreler: Yok
Döndürme Değeri:
number|null|undefined z-İşaretçinin Endeksi.Marker öğesinin z Endeksi'ni alın. Şu sayfaya göz atın: MarkerOptions.zIndex . |
setAnimation |
setAnimation([animation]) Parametreler:
Return Value: Yok
Bir animasyon başlatın. Devam eden tüm animasyonlar iptal edilir. Şu anda desteklenen animasyonlar şunlardır: Animation.BOUNCE , Animation.DROP . null öğesinin geçirilmesi animasyonların durmasına neden olur. |
setClickable |
setClickable(flag) Parametreler:
Return Value: Yok
Marker öğesinin tıklanabilir olup olmadığını ayarlayın. |
setCursor |
setCursor([cursor]) Parametreler:
Return Value: Yok
Fareyle üzerine gelindiğinde gösterilen fare imleç türünü ayarlayın. |
setDraggable |
setDraggable(flag) Parametreler:
Return Value: Yok
Marker öğesinin sürüklenebilir olup olmadığını belirleyin. |
setIcon |
setIcon([icon]) Return Value: Yok
Marker simgesini ayarlayın. Şu sayfaya göz atın: MarkerOptions.icon . |
setLabel |
setLabel([label]) Parametreler:
Return Value: Yok
Marker için etiketi ayarlayın. Şu sayfaya göz atın: MarkerOptions.label . |
setMap |
setMap(map) Parametreler:
Return Value: Yok
Belirtilen harita veya panoramada Marker oluşturur. Harita null olarak ayarlanırsa işaretçi kaldırılır. |
setOpacity |
setOpacity([opacity]) Parametreler:
Return Value: Yok
Marker öğesinin opaklığını ayarlayın. |
setOptions |
setOptions(options) Parametreler:
Return Value: Yok
Marker ile ilgili seçenekleri belirleyin. |
setPosition |
setPosition([latlng]) Parametreler:
Return Value: Yok
Marker için yayını ayarlayın. |
setShape |
setShape([shape]) Parametreler:
Return Value: Yok
Etkileşim için kullanılan Marker öğesinin şeklini ayarlayın. MarkerOptions.shape ve MarkerShape hükümlerini inceleyin. |
setTitle |
setTitle([title]) Parametreler:
Return Value: Yok
Marker ipucunun başlığını ayarlayın. Şu sayfaya göz atın: MarkerOptions.title . |
setVisible |
setVisible(visible) Parametreler:
Return Value: Yok
Marker öğesinin görünür olup olmadığını ayarlayın. |
setZIndex |
setZIndex([zIndex]) Parametreler:
Return Value: Yok
Marker öğesinin z Endeksi'ni ayarlayın. Şu sayfaya göz atın: MarkerOptions.zIndex . |
Devralındı:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Etkinlikler | |
---|---|
animation_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker animasyon özelliği değiştiğinde tetiklenir. |
click |
function(event) Bağımsız değişkenler:
Bu etkinlik, Marker simgesi tıklandığında tetiklenir. |
clickable_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker tıklanabilir özelliği değiştiğinde tetiklenir. |
contextmenu |
function(event) Bağımsız değişkenler:
Bu etkinlik, Marker üzerinde DOM içerik menüsü etkinliği tetiklendiğinde tetiklenir |
cursor_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker imleci özelliği değiştiğinde tetiklenir. |
dblclick |
function(event) Bağımsız değişkenler:
Bu etkinlik, Marker simgesi çift tıklandığında tetiklenir. |
drag |
function(event) Bağımsız değişkenler:
Kullanıcı Marker öğesini sürüklerken bu etkinlik sürekli olarak tetiklenir. |
dragend |
function(event) Bağımsız değişkenler:
Bu etkinlik, kullanıcı Marker öğesini sürüklemeyi bıraktığında tetiklenir. |
draggable_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker sürüklenebilir özelliği değiştiğinde tetiklenir. |
dragstart |
function(event) Bağımsız değişkenler:
Bu etkinlik, kullanıcı Marker öğesini sürüklemeye başladığında tetiklenir. |
flat_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker düz özelliği değiştiğinde tetiklenir. |
icon_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker simgesi özelliği değiştiğinde tetiklenir. |
mousedown |
function(event) Bağımsız değişkenler:
Bu etkinlik, fareyle Marker üzerinde aşağı kaydırıldığında tetiklenir. |
mouseout |
function(event) Bağımsız değişkenler:
Bu etkinlik, fare Marker simgesinin alanından çıktığında tetiklenir. |
mouseover |
function(event) Bağımsız değişkenler:
Bu etkinlik, fare Marker simgesinin alanına girdiğinde tetiklenir. |
mouseup |
function(event) Bağımsız değişkenler:
Bu etkinlik, fareyle Marker üzerinde yukarı kaydırıldığında tetiklenir. |
position_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker konumu özelliği değiştiğinde tetiklenir. |
shape_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker şekil özelliği değiştiğinde tetiklenir. |
title_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker başlık özelliği değiştiğinde tetiklenir. |
visible_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker görünür özelliği değiştiğinde tetiklenir. |
zindex_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker zIndex özelliği değiştiğinde tetiklenir. |
|
function(event) Bağımsız değişkenler:
Bu etkinlik, Marker öğesine sağ tıklandığında tetiklenir. |
MarkerOptions arayüzü
google.maps.MarkerOptions
arayüz
İşaretçi üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan MarkerOptions nesnesi.
Özellikler | |
---|---|
anchorPoint optional |
Tür:
Point optional İşaretçinin konumundan, işaretçi olarak açılmış olan bir InfoWindow'un ucuna kadar olan ofset. |
animation optional |
Tür:
Animation optional Varsayılan:
null İşaretçi bir haritaya eklendiğinde oynatılacak animasyon. |
clickable optional |
Tür:
boolean optional Varsayılan:
true true ise, işaretçi fare ve dokunma etkinliklerini alır. |
|
Tür:
string|CollisionBehavior optional Varsayılan:
null Vektör haritalarındaki işaretçiler için bir çarpışma davranışı belirleyin. |
crossOnDrag optional |
Tür:
boolean optional Varsayılan:
true false ise sürüklerken işaretçinin altında görünen artı işaretini devre dışı bırakır. |
cursor optional |
Tür:
string optional Varsayılan:
pointer Fareyle üzerine gelindiğinde gösterilecek fare imleci türü. |
draggable optional |
Tür:
boolean optional Varsayılan:
false true ise işaretçi sürüklenebilir. |
icon optional |
Ön plan simgesi. Bir dize sağlanmışsa bu dize, url dizesine sahip bir Icon olarak ele alınır. |
label optional |
Tür:
string|MarkerLabel optional Varsayılan:
null İşaretçiye bir etiket ekler. İşaretçi etiketi, işaretçinin içinde görünen bir harf veya rakamdır. Etiket bir dize veya MarkerLabel nesnesi olabilir. Sağlanmışsa ve MarkerOptions.title sağlanmamışsa işaretçiye, sağlanan etiketin metnini içeren bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir. label öğesinin şu anda yalnızca optimize edilmemiş işaretçilere ilişkin erişilebilirlik metni için kullanıldığını lütfen unutmayın. |
map optional |
Tür:
Map|StreetViewPanorama optional İşaretçinin görüntüleneceği harita. Harita, işaretçiyi görüntülemek için gereklidir ve işaretçi oluşturma sırasında sağlanmazsa Marker.setMap ile sağlanabilir. |
opacity optional |
Tür:
number optional Varsayılan: 1,0
0,0 (şeffaf) ve 1,0 (opak) arasında bir sayı. |
optimized optional |
Tür:
boolean optional Optimizasyon, çok sayıda işaretçiyi tek bir statik öğe olarak oluşturarak performansı artırır. Bu, çok sayıda işaretçinin gerekli olduğu durumlarda yararlı olur. İşaretçi optimizasyonu hakkında daha fazla bilgi edinin. |
position optional |
Tür:
LatLng|LatLngLiteral optional İşaretçi konumunu ayarlar. Bir işaretçi oluşturulabilir ancak konumu sağlanana kadar (örneğin, kullanıcının işlemleri veya seçimleri) görüntülenemez. İşaretçi oluşturma sırasında işaretleyici konumu sağlanmazsa Marker.setPosition ile sağlanabilir. |
shape optional |
Tür:
MarkerShape optional Sürükleme/tıklama için kullanılan resim haritası bölge tanımı. |
title optional |
Tür:
string optional Varsayılan:
undefined Fareyle üzerine gelindiğinde görünen metin. Sağlanmışsa, sağlanan değere sahip işaretçiye bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir. title öğesinin şu anda yalnızca optimize edilmemiş işaretçilere ilişkin erişilebilirlik metni için kullanıldığını lütfen unutmayın. |
visible optional |
Tür:
boolean optional Varsayılan:
true true ise işaretçi görünür. |
zIndex optional |
Tür:
number optional Tüm işaretçiler haritada z Endeksi sırasına göre görüntülenir ve yüksek değerler, daha düşük değerlere sahip işaretçilerin önünde görüntülenir. Varsayılan olarak, işaretçiler ekrandaki dikey konumlarına göre görüntülenir. Alttaki işaretçiler, ekranın daha yukarılarında yer alan işaretçilerin önünde görünür. |
CollisionBehavior sabitleri
google.maps.CollisionBehavior
sabit değer
const {CollisionBehavior} = await google.maps.importLibrary("marker")
numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.
Sabitler | |
---|---|
OPTIONAL_AND_HIDES_LOWER_PRIORITY |
İşaretçiyi yalnızca diğer işaretçilerle üst üste gelmediği durumlarda görüntüleyin. Bu türdeki iki işaretçi çakışırsa daha yüksek z Endeksine sahip olan gösterilir. Bunlar aynı z Endeksine sahipse, dikey ekran konumu daha düşük olan öğe gösterilir. |
REQUIRED |
Çarpışma durumundan bağımsız olarak işaretçiyi her zaman görüntüleyin. Bu, varsayılan davranıştır. |
REQUIRED_AND_HIDES_OPTIONAL |
İşaretçiyi çakışmadan bağımsız olarak her zaman görüntüleyin ve işaretçiyle çakışacak OPTIONAL_AND_HIDES_LOWER_PRIORITY işaretçileri veya etiketleri gizleyin. |
Simge arayüzü
google.maps.Icon
arayüz
İşaretçi simgesi resmini temsil eden bir yapı.
Özellikler | |
---|---|
url |
Tür:
string Resmin veya model sayfasının URL'si. |
anchor optional |
Tür:
Point optional Bir resmin, haritadaki işaretçinin konumuna karşılık gelecek şekilde sabitleneceği konum. Varsayılan olarak bağlayıcı, resmin alt kısmının merkez noktası boyunca bulunur. |
labelOrigin optional |
Tür:
Point optional İşaretçi tarafından bir etiket sağlandıysa, etiketin simge resminin sol üst köşesine göre kaynağı. Varsayılan olarak kaynak, resmin merkez noktasında bulunur. |
origin optional |
Tür:
Point optional Varsa resmin bir imge içindeki konumu. Varsayılan olarak kaynak, (0, 0) görüntüsünün sol üst köşesinde bulunur. |
scaledSize optional |
Tür:
Size optional Ölçeklendirme sonrasında tüm resmin (varsa) boyutu. Bir resmi veya imgeyi genişletmek/daraltmak için bu özelliği kullanın. |
size optional |
Tür:
Size optional İmge veya resmin görüntülenme boyutu. İmgeleri kullanırken imge boyutunu belirtmeniz gerekir. Boyut belirtilmezse resim yüklendiğinde ayarlanır. |
MarkerLabel arayüzü
google.maps.MarkerLabel
arayüz
Bu seçenekler, işaretçi etiketinin görünümünü belirtir. İşaretçi etiketi, işaretçinin içinde görünen bir dizedir (genellikle tek bir karakter). Özel bir işaretçiyle kullanıyorsanız Icon
sınıfındaki labelOrigin
özelliğiyle yeniden konumlandırabilirsiniz.
Özellikler | |
---|---|
text |
Tür:
string Etikette gösterilecek metin. |
className optional |
Tür:
string optional Varsayılan:
'' (boş dize)Etiket öğesinin className özelliği (öğenin class özelliğine eşdeğer). Birden fazla boşlukla ayrılmış CSS sınıfı eklenebilir. Yazı tipi rengi, boyutu, ağırlığı ve ailesi yalnızca diğer MarkerLabel özellikleri aracılığıyla ayarlanabilir. İşaretçi çakışma yönetimi de kullanılıyorsa CSS sınıfları etiketin konumunu veya yönünü değiştirmek için (ör. çevirme ve döndürme kullanma) kullanılmamalıdır. |
color optional |
Tür:
string optional Varsayılan:
'black' Etiket metninin rengi. |
fontFamily optional |
Tür:
string optional Etiket metninin yazı tipi ailesi (CSS yazı tipi ailesi özelliğine eşdeğerdir). |
fontSize optional |
Tür:
string optional Varsayılan:
'14px' Etiket metninin yazı tipi boyutu (CSS yazı tipi boyutu özelliğine eşdeğer). |
fontWeight optional |
Tür:
string optional Etiket metninin yazı tipi ağırlığı (CSS yazı tipi ağırlığı özelliğine eşdeğer). |
MarkerShape arayüzü
google.maps.MarkerShape
arayüz
Bu nesne, işaretçi görüntüsünün tıklanabilir bölgesini tanımlar. Şekil, bir resmin şeffaf olmayan bölgesini tanımlayan type
ve coord
olmak üzere iki özellikten oluşur.
Özellikler | |
---|---|
coords |
Tür:
Array<number> Bu özelliğin biçimi, type değerine bağlıdır ve http://www.w3.org/TR/REC-html40/struct/objects.html#adef-coords adresinde bulunan w3 AREA coords spesifikasyonuna uyar. coords özelliği, şeklin hedef resmin sol üst köşesine göre piksel konumunu belirten tam sayı dizisidir. Koordinatlar type değerine bağlıdır: - circle : koordinatlar [x1,y1,r] şeklindedir; burada x1,y2, dairenin merkezinin koordinatlarıdır ve r, dairenin yarıçapıdır. - poly : koordinatlar [x1,y1,x2,y2...xn,yn] 'dir; burada her x,y çifti, poligonun bir köşe noktasının koordinatlarını içerir. - rect : koordinatlar [x1,y1,x2,y2] 'dir; burada x1,y1 dikdörtgenin sol üst köşesinin koordinatları, x2,y2 ise dikdörtgenin sağ alt koordinatlarının koordinatlarıdır. |
type |
Tür:
string Şeklin türünü açıklar ve circle , poly veya rect olabilir. |
Symbol arayüzü
google.maps.Symbol
arayüz
Stil içeren bir vektör yolundan oluşan bir simgeyi açıklar. Semboller, işaretçi simgesi olarak kullanılabilir veya çoklu çizgi üzerine yerleştirilebilir.
Özellikler | |
---|---|
path |
Tür:
SymbolPath|string Simgenin, yerleşik simge yolu veya SVG yol gösterimi kullanılarak ifade edilen özel bir yol olan yolu. Zorunlu. |
anchor optional |
Tür:
Point optional Varsayılan:
google.maps.Point(0,0) Simgenin işaretçiye veya çoklu çizgiye göre konumu. Simgenin yolunun koordinatları, bağlayıcının x ve y koordinatlarına göre sola ve yukarıya çevrilir. Konum, simgenin yolu ile aynı koordinat sisteminde ifade edilir. |
fillColor optional |
Tür:
string optional Simgenin dolgu rengi. Genişletilmiş adlandırılmış renkler dışında tüm CSS3 renkleri desteklenir. Sembol işaretçileri için varsayılan olarak "siyah" olur. Çoklu çizgilerdeki semboller için varsayılan olarak, karşılık gelen çoklu çizginin fırça rengi olur. |
fillOpacity optional |
Tür:
number optional Varsayılan:
0 Simgenin dolgu opaklığı. |
labelOrigin optional |
Tür:
Point optional Varsayılan:
google.maps.Point(0,0) Etiket işaretçi tarafından sağlandıysa, etiketin yolun kaynağına göre kaynağı. Başlangıç, simgenin yolu ile aynı koordinat sisteminde ifade edilir. Bu özellik, çoklu çizgilerdeki semboller için kullanılmıyor. |
rotation optional |
Tür:
number optional Varsayılan:
0 Simgenin döndürüleceği açı. Saat yönünde derece cinsinden ifade edilir. IconSequence içinde fixedRotation değerinin false olduğu bir simge, üzerinde yer aldığı kenarın açısına göre döndürülüyor. |
scale optional |
Tür:
number optional Simgenin boyut olarak ölçeklenme miktarı. Sembol işaretçileri için bu değer varsayılan olarak 1'dir. Ölçeklendirmeden sonra simge herhangi bir boyutta olabilir. Çoklu çizgideki semboller için bu varsayılan olarak çoklu çizginin çizgi ağırlığına ayarlanır. Ölçeklendirmeden sonra, simgenin sabit noktasında ortalanmış ve 22 piksel boyutunda bir karenin içinde yer alması gerekir. |
strokeColor optional |
Tür:
string optional Simgenin fırça rengi. Genişletilmiş adlandırılmış renkler dışında tüm CSS3 renkleri desteklenir. Sembol işaretçileri için varsayılan olarak "siyah" olur. Çoklu çizgideki semboller için bu ayar varsayılan olarak çoklu çizginin çizgi rengine ayarlanır. |
strokeOpacity optional |
Tür:
number optional Simgenin çizgi opaklığı. Sembol işaretçileri için bu değer varsayılan olarak 1'dir. Çoklu çizgideki semboller için bu ayar, varsayılan olarak çoklu çizginin çizgi opaklığına ayarlanır. |
strokeWeight optional |
Tür:
number optional Varsayılan: Simgenin
Symbol.scale değeri.Simgenin fırça kalınlığı. |
SymbolPath sabit değerleri
google.maps.SymbolPath
sabit değer
Yerleşik simge yolları.
const {SymbolPath} = await google.maps.importLibrary("core")
numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.
Sabitler | |
---|---|
BACKWARD_CLOSED_ARROW |
Geriye dönük kapalı ok. |
BACKWARD_OPEN_ARROW |
Geriye dönük açık ok. |
CIRCLE |
Çevre. |
FORWARD_CLOSED_ARROW |
Öne bakan kapalı ok. |
FORWARD_OPEN_ARROW |
Öne bakan açık ok. |
Animasyon sabitleri
google.maps.Animation
sabit değer
İşaretçi üzerinde oynatılabilen animasyonlar. Bir animasyon oynatmak için İşaretçi'de Marker.setAnimation
yöntemini veya MarkerOptions.animation
seçeneğini kullanın.
const {Animation} = await google.maps.importLibrary("marker")
numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.
Sabitler | |
---|---|
BOUNCE |
İşaretçi, null ile Marker.setAnimation çağırılarak animasyon durdurulana kadar geri dönüyor. |
DROP |
İşaretçi, haritanın üst kısmından son konumuna gelir. Animasyon, işaretleyici askıya alındığında duracak ve Marker.getAnimation , null değerini döndürecektir. Bu tür animasyonlar genellikle işaretçi oluşturulurken belirtilir. |