İşaretçi sınıfı
google.maps.Marker
sınıf
Bu sınıf MVCObject
sınıfını genişletir.
const {Marker} = await google.maps.importLibrary("marker")
numaralı telefonu arayarak erişebilirsiniz. Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
Marker |
Marker([opts]) Parametreler:
Belirtilen seçeneklerle bir işaretçi oluşturur. Bir harita belirtilirse işaretçi, yol çalışması tamamlandıktan sonra haritaya eklenir. İşaretçinin gösterilmesi için konumun ayarlanması gerektiğini unutmayın. |
Sabitler | |
---|---|
MAX_ZINDEX |
API'nin bir işaretçiye atadığı maksimum varsayılan z-endeksi. İşaretçiyi öne çıkarmak için daha yüksek bir z-endeksi ayarlayabilirsiniz. |
Yöntemler | |
---|---|
getAnimation |
getAnimation() Parametreler: Yok
Döndürülen Değer:
Animation|null|undefined Şu anda çalışan animasyonu alır. |
getClickable |
getClickable() Parametreler: Yok
Dönüş Değeri:
boolean İşaretçi tıklanabilirse doğru değerini döndürür.Marker öğesinin tıklanabilir durumunu alın. |
getCursor |
getCursor() Parametreler: Yok
Döndürülen Değer:
string|null|undefined Fareyle üzerine gelindiğinde gösterilen fare imleci türünü alın. |
getDraggable |
getDraggable() Parametreler: Yok
Dönüş Değeri:
boolean İşaretçi sürüklenebilirse doğru değerini döndürür.Marker öğesinin sürükleyebilir durumunu alın. |
getIcon |
getIcon() Parametreler: Yok
Marker simgesini alın. Şu sayfaya göz atın: MarkerOptions.icon . |
getLabel |
getLabel() Parametreler: Yok
Döndürülen Değer:
MarkerLabel|string|null|undefined Marker öğesinin etiketini alın. Şu sayfaya göz atın: MarkerOptions.label . |
getMap |
getMap() Parametreler: Yok
Döndürülen Değer:
Map|StreetViewPanorama Marker öğesinin oluşturulduğu haritayı veya panoramayı alın. |
getOpacity |
getOpacity() Parametreler: Yok
Döndürülen Değer:
number|null|undefined 0,0 ile 1,0 arasında bir sayı.Marker öğesinin opaklığını alın. |
getPosition |
getPosition() Parametreler: Yok
Döndürülen Değer:
LatLng|null|undefined Marker öğesinin konumunu alın. |
getShape |
getShape() Parametreler: Yok
Döndürülen Değer:
MarkerShape|null|undefined Etkileşim için kullanılan Marker öğesinin şeklini alın. MarkerOptions.shape ve MarkerShape hükümlerini inceleyin. |
getTitle |
getTitle() Parametreler: Yok
Döndürülen Değer:
string|null|undefined Marker ipucunun başlığını alın. Şu sayfaya göz atın: MarkerOptions.title . |
getVisible |
getVisible() Parametreler: Yok
Döndürülen Değer:
boolean İşaretçi görünür durumdaysa doğru değerini döndürür.Marker öğesinin görünürlüğünü alın. |
getZIndex |
getZIndex() Parametreler: Yok
Döndürülen Değer:
number|null|undefined İşaretçinin z-dizin değeri.Marker öğesinin zIndex değerini alın. Şu sayfaya göz atın: MarkerOptions.zIndex . |
setAnimation |
setAnimation([animation]) Parametreler:
Döndürülen Değer: Yok
Animasyon başlatın. Devam eden tüm animasyonlar iptal edilir. Şu anda desteklenen animasyonlar: Animation.BOUNCE , Animation.DROP . null iletilmesi, tüm animasyonların durmasına neden olur. |
setClickable |
setClickable(flag) Parametreler:
Döndürülen Değer: Yok
Marker öğesinin tıklanabilir olup olmadığını ayarlayın. |
setCursor |
setCursor([cursor]) Parametreler:
Döndürülen Değer: Yok
Fareyle üzerine gelindiğinde gösterilen fare imleci türünü ayarlayın. |
setDraggable |
setDraggable(flag) Parametreler:
Döndürülen Değer: Yok
Marker öğesinin sürüklenip sürüklenemeyeceğini ayarlayın. |
setIcon |
setIcon([icon]) Döndürülen Değer: Yok
Marker için simgeyi ayarlayın. Şu sayfaya göz atın: MarkerOptions.icon . |
setLabel |
setLabel([label]) Parametreler:
Döndürülen Değer: Yok
Marker için etiketi ayarlayın. Şu sayfaya göz atın: MarkerOptions.label . |
setMap |
setMap(map) Parametreler:
Döndürülen Değer: Yok
Belirtilen haritada veya panoramada Marker öğesini oluşturur. Harita null olarak ayarlanırsa işaretçi kaldırılır. |
setOpacity |
setOpacity([opacity]) Parametreler:
Döndürülen Değer: Yok
Marker öğesinin opaklığını ayarlayın. |
setOptions |
setOptions(options) Parametreler:
Döndürülen Değer: Yok
Marker için seçenekleri ayarlayın. |
setPosition |
setPosition([latlng]) Parametreler:
Döndürülen Değer: Yok
Marker için konumu ayarlayın. |
setShape |
setShape([shape]) Parametreler:
Döndürülen Değer: Yok
Etkileşim için kullanılan Marker öğesinin şeklini ayarlayın. MarkerOptions.shape ve MarkerShape hükümlerini inceleyin. |
setTitle |
setTitle([title]) Parametreler:
Döndürülen Değer: Yok
Marker ipucunun başlığını ayarlayın. Şu sayfaya göz atın: MarkerOptions.title . |
setVisible |
setVisible(visible) Parametreler:
Döndürülen Değer: Yok
Marker öğesinin görünür olup olmadığını ayarlayın. |
setZIndex |
setZIndex([zIndex]) Parametreler:
Döndürülen Değer: Yok
Marker öğesinin zIndex değerini 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 contextmenu 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 iki kez tıklandığında tetiklenir. |
drag |
function(event) Bağımsız değişkenler:
Bu etkinlik, kullanıcı Marker öğesini sürüklerken tekrar tekrar tetiklenir. |
dragend |
function(event) Bağımsız değişkenler:
Bu etkinlik, kullanıcı Marker öğesini sürüklemeyi durdurduğunda 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 daire mülkü 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, Marker üzerinde mousedown olduğunda 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, Marker üzerinde fare yukarı hareketi için tetiklenir. |
position_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker konum ö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ığı özelliği değiştiğinde tetiklenir. |
visible_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, Marker visible mülkü 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 öğesinin sağ tıklanması için 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çiyi ankraj olarak kullanarak açılan bir bilgi penceresinin ucuna olan ofset. |
animation optional |
Tür:
Animation optional Varsayılan:
null İşaretçi haritaya eklendiğinde oynatılacak animasyon. |
clickable optional |
Tür:
boolean optional Varsayılan:
true true ise işaretçi fare ve dokunma etkinlikleri alır. |
|
Tür:
string|CollisionBehavior optional Varsayılan:
null Vektör haritalardaki işaretçiler için bir çarpışma davranışı ayarlayın. |
crossOnDrag optional |
Tür:
boolean optional Varsayılan:
true false ise sürüklediğinizde işaretçinin altında görünen çarpıyı 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ın simgesi. Bir dize sağlanırsa dize url olarak bir Icon gibi değerlendirilir. |
label optional |
Tür:
string|MarkerLabel optional Varsayılan:
null İşaretçiye etiket ekler. İşaretçi etiketi, bir işaretçinin içinde görünen harf veya sayıdır. Etiket bir dize veya MarkerLabel nesnesi olabilir. Sağlanırsa ve MarkerOptions.title sağlanmazsa işaretçiye, sağlanan etiketin metniyle birlikte bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir. label işaretinin şu anda yalnızca optimize edilmemiş işaretçilerin erişilebilirlik metni için kullanıldığını lütfen unutmayın. |
map optional |
Tür:
Map|StreetViewPanorama optional İşaretçinin gösterileceği harita. İşaretçinin gösterilmesi için harita gerekir ve işaretçi oluşturulurken sağlanmadıysa Marker.setMap ile sağlanabilir. |
opacity optional |
Tür:
number optional Varsayılan: 1,0
0,0 (şeffaf) ile 1,0 (opak) arasında bir sayı. |
optimized optional |
Tür:
boolean optional Optimizasyon, birçok işaretçiyi tek bir statik öğe olarak oluşturarak performansı artırır. Bu özellik, çok sayıda işaretçi gerektiğinde kullanışlıdır. İş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 (ör. kullanıcının işlemleri veya seçimleriyle) gösterilmez. İşaretçi oluşturulurken sağlanmamışsa Marker.setPosition ile işaretçi konumu sağlanabilir. |
shape optional |
Tür:
MarkerShape optional Sürükle/tıkla için kullanılan resim haritası bölge tanımı. |
title optional |
Tür:
string optional Varsayılan:
undefined Fareyle üzerine gelme metni. Sağlanırsa işaretçiye, sağlanan değerle birlikte bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir. title işaretinin şu anda yalnızca optimize edilmemiş işaretçilerin 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österilir. Daha yüksek değerler, daha düşük değerlere sahip işaretçilerin önünde gösterilir. İşaretler varsayılan olarak ekrandaki dikey konumlarına göre gösterilir. Alttaki işaretçiler, ekranın üst kısmındaki işaretçilerin önünde görünür. |
CollisionBehavior constants
google.maps.CollisionBehavior
constants
const {CollisionBehavior} = await google.maps.importLibrary("marker")
numaralı telefonu arayarak erişebilirsiniz. Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
---|---|
OPTIONAL_AND_HIDES_LOWER_PRIORITY |
İşaretçiyi yalnızca diğer işaretçilerle örtüşmüyorsa gösterin. Bu türden iki işaretçi çakışırsa z-endeksi daha yüksek olan işaretçi gösterilir. Aynı zIndex değerine sahiplerse dikey ekran konumu daha düşük olan gösterilir. |
REQUIRED |
Çarpışmadan bağımsız olarak işaretçiyi her zaman göster. Bu varsayılan davranıştır. |
REQUIRED_AND_HIDES_OPTIONAL |
Çakışmadan bağımsız olarak işaretçiyi her zaman gösterin ve işaretçiyle örtüşecek OPTIONAL_AND_HIDES_LOWER_PRIORITY işaretçilerini veya etiketlerini 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 Haritadaki işaretçinin konumuna karşılık gelen bir resmin sabitleneceği konum. Sabitleme noktası varsayılan olarak resmin alt kısmının orta noktasında bulunur. |
labelOrigin optional |
Tür:
Point optional İşaretçi tarafından bir etiket sağlanıyorsa etiketin, simge resminin sol üst köşesine göre orijini. Varsayılan olarak başlangıç noktası, resmin orta noktasındadır. |
origin optional |
Tür:
Point optional Varsa resmin sprite içindeki konumu. Varsayılan olarak başlangıç noktası, resmin sol üst köşesindedir (0, 0) . |
scaledSize optional |
Tür:
Size optional Ölçeklendirmeden sonra resmin tamamının boyutu (varsa). Bir resmi veya sprite'ı uzatmak/küçültmek için bu özelliği kullanın. |
size optional |
Tür:
Size optional Sprite'ın veya resmin ekran boyutu. Sprite'ları kullanırken sprite boyutunu belirtmeniz gerekir. Boyut belirtilmezse resim yüklenirken 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ğini kullanarak yeniden konumlandırabilirsiniz.
Özellikler | |
---|---|
text |
Tür:
string Etikette gösterilecek metin. |
className optional |
Tür:
string optional Varsayılan:
'' (boş dize)Etiketin öğesinin className özelliği (öğenin class özelliğine eşdeğer). Aralarında boşluk bırakılmış birden fazla CSS sınıfı eklenebilir. Yazı tipi rengi, boyutu, ağırlığı ve ailesi yalnızca MarkerLabel 'ün diğer özellikleri aracılığıyla ayarlanabilir. İşaretçi çarpışma yönetimi de kullanılıyorsa etiketin konumunu veya yönünü değiştirmek için CSS sınıfları kullanılmamalıdır (ör. kaydırma ve döndürme işlemleri). |
color optional |
Tür:
string optional Varsayılan:
'black' Etiket metninin rengi. |
fontFamily optional |
Tür:
string optional Etiket metninin yazı tipi ailesi (CSS font-family özelliğine eşdeğer). |
fontSize optional |
Tür:
string optional Varsayılan:
'14px' Etiket metninin yazı tipi boyutu (CSS font-size özelliğine eşdeğer). |
fontWeight optional |
Tür:
string optional Etiket metninin yazı tipi ağırlığı (CSS font-weight özelliğine eşdeğer). |
MarkerShape arayüzü
google.maps.MarkerShape
arayüz
Bu nesne, işaretçi resminin tıklanabilir bölgesini tanımlar. Şekil, bir resmin şeffaf olmayan bölgesini tanımlayan iki özellikten (type
ve coord
) 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 bir tam sayı dizisidir. Koordinatlar, type değerine bağlı olarak aşağıdaki gibidir: - circle : coords, [x1,y1,r] değerine eşittir. Burada x1,y2 dairenin merkezinin koordinatları, r ise dairenin yarıçapıdır. - poly : coords, her x,y çiftinin poligonun bir köşesinin koordinatlarını içerdiği [x1,y1,x2,y2...xn,yn] bağımsız değişkenidir. - rect : coords, [x1,y1,x2,y2] değerini alır. Burada x1,y1 dikdörtgenin sol üst köşesinin, x2,y2 ise dikdörtgenin sağ alt köşesinin koordinatlarını belirtir. |
type |
Tür:
string Şeklin türünü tanımlar ve circle , poly veya rect olabilir. |
Simge arayüzü
google.maps.Symbol
arayüz
Stili olan bir vektör yolundan oluşan bir simgeyi tanımlar. Simgeler, işaretçi simgesi olarak kullanılabilir veya bir çok çizgiye yerleştirilebilir.
Özellikler | |
---|---|
path |
Tür:
SymbolPath|string Yerleşik bir simge yolu olan simgenin yolu veya SVG yol gösterimi kullanılarak ifade edilen özel bir yol. Zorunlu. |
anchor optional |
Tür:
Point optional Varsayılan:
google.maps.Point(0,0) Simgenin işaretleyiciye veya çoklu çizgiye göre konumu. Sembelin yolunun koordinatları, sırasıyla ankrajın x ve y koordinatlarına göre sola ve yukarı kaydırılır. Konum, sembolün yoluyla aynı koordinat sisteminde ifade edilir. |
fillColor optional |
Tür:
string optional Sembolü dolduran renk. Genişletilmiş adlandırılmış renkler hariç tüm CSS3 renkleri desteklenir. Simge işaretçileri için varsayılan değer "siyah"tır. Çoklu çizgilerdeki semboller için bu renk varsayılan olarak ilgili çoklu çizginin çizgi 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ğlanıyorsa etiketin, yolun başlangıcına göre orijini. Başlangıç noktası, sembolün yoluyla aynı koordinat sisteminde ifade edilir. Bu özellik, çok çizgili şekillerdeki simgeler için kullanılmaz. |
rotation optional |
Tür:
number optional Varsayılan:
0 Simgenin döndürüleceği açı (saat yönünde derece cinsinden ifade edilir). fixedRotation 'un false olduğu bir IconSequence içindeki simge, bulunduğu kenardaki açıya göre döndürülür. |
scale optional |
Tür:
number optional Sembolü ölçeklendiren miktar. Simge işaretçileri için varsayılan değer 1'dir. Ölçeklendirmeden sonra simge herhangi bir boyutta olabilir. Bir çok çizgi üzerindeki simgeler için bu değer varsayılan olarak çok çizginin çizgi kalınlığıdır. Ölçeklendikten sonra simge, simgesinin ankrajında ortalanan 22 piksel boyutunda bir karenin içinde yer almalıdır. |
strokeColor optional |
Tür:
string optional Simgenin çizgi rengi. Genişletilmiş adlandırılmış renkler hariç tüm CSS3 renkleri desteklenir. Simge işaretçileri için varsayılan değer "siyah"tır. Bir çoklu çizgideki semboller için bu renk varsayılan olarak çoklu çizginin çizgi rengi olur. |
strokeOpacity optional |
Tür:
number optional Simgenin çizgi opaklığı. Simge işaretçileri için bu değer varsayılan olarak 1'dir. Bir çok çizgi üzerindeki simgelerde bu değer varsayılan olarak çok çizginin çizgi opaklığı olur. |
strokeWeight optional |
Tür:
number optional Varsayılan: Sembolü oluşturan
Symbol.scale .Simgenin çizgi kalınlığı. |
SymbolPath constants
google.maps.SymbolPath
constants
Yerleşik simge yolları.
const {SymbolPath} = await google.maps.importLibrary("core")
numaralı telefonu arayarak erişebilirsiniz. Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
---|---|
BACKWARD_CLOSED_ARROW |
Geriye dönük kapalı bir ok. |
BACKWARD_OPEN_ARROW |
Geriye dönük açık ok. |
CIRCLE |
Bir daire. |
FORWARD_CLOSED_ARROW |
İleriye dönük kapalı bir ok. |
FORWARD_OPEN_ARROW |
İleriye dönük açık bir ok. |
Animasyon sabitleri
google.maps.Animation
constants
İşaretçide oynatılabilen animasyonlar. Animasyon oynatmak için İşaretçi'deki Marker.setAnimation
yöntemini veya MarkerOptions.animation
seçeneğini kullanın.
const {Animation} = await google.maps.importLibrary("marker")
numaralı telefonu arayarak erişebilirsiniz. Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
---|---|
BOUNCE |
İşaretçi, Marker.setAnimation ile null çağrısı yapılarak animasyon durdurulana kadar sıçrar. |
DROP |
İşaretçi, haritanın üst kısmından nihai konumuna bırakılır. İşaretçi sabitlendiğinde animasyon durur ve Marker.getAnimation , null değerini döndürür. Bu tür animasyonlar genellikle işaretçi oluşturulurken belirtilir. |