AdvancedMarkerElement
google.maps.marker.AdvancedMarkerElement
class
הצגת מיקום במפה. הערה: כדי שהשדה AdvancedMarkerElement יוצג, צריך להגדיר את position.
רכיב בהתאמה אישית:
<gmp-advanced-marker gmp-clickable position="lat,lng" title="string"></gmp-advanced-marker>
הכיתה הזו היא הרחבה של HTMLElement.
במחלקה הזו מיושם
AdvancedMarkerElementOptions.
אפשר להתקשר אל const {AdvancedMarkerElement} = await google.maps.importLibrary("marker") כדי לקבל גישה.
מידע נוסף זמין במאמר בנושא ספריות ב-Maps JavaScript API.
יצרן | |
|---|---|
AdvancedMarkerElement |
AdvancedMarkerElement([options])פרמטרים:
יוצרת AdvancedMarkerElement עם האפשרויות שצוינו. אם מציינים מפה, ה-AdvancedMarkerElement מתווסף למפה בזמן הבנייה. |
מאפיינים | |
|---|---|
collisionBehavior |
סוג:
CollisionBehavior optional |
gmpClickable |
סוג:
boolean optionalמאפיין HTML:
|
gmpDraggable |
סוג:
boolean optional |
map |
סוג:
Map optional |
position |
סוג:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalמאפיין HTML:
|
title |
סוג:
stringמאפיין HTML:
|
zIndex |
סוג:
number optional |
|
סוג:
HTMLElementהשדה הזה הוא לקריאה בלבד. רכיב ה-DOM שמאחורי התצוגה. |
|
סוג:
Node optional |
Methods | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])פרמטרים:
ערך מוחזר:
voidמגדיר פונקציה שתופעל בכל פעם שהאירוע שצוין מועבר ליעד. מידע נוסף על addEventListener |
addListener |
addListener(eventName, handler)פרמטרים:
ערך מוחזר:
MapsEventListener פונקציית event listener שנוצרת.הפונקציה מוסיפה את פונקציית ה-listener שצוינה לשם האירוע שצוין במערכת Eventing של מפות Google. |
removeEventListener |
removeEventListener(type, listener[, options])פרמטרים:
ערך מוחזר:
voidמסירה מהיעד event listener שנרשם קודם באמצעות addEventListener. מידע נוסף זמין במאמר בנושא removeEventListener. |
אירועים | |
|---|---|
click |
function(event)ארגומנטים:
האירוע הזה מופעל כשלוחצים על רכיב AdvancedMarkerElement.לא זמין עם addEventListener() (אפשר להשתמש ב-gmp-click במקום). |
drag |
function(event)ארגומנטים:
|
dragend |
function(event)ארגומנטים:
|
dragstart |
function(event)ארגומנטים:
|
|
function(event)ארגומנטים:
האירוע הזה מופעל כשלוחצים על רכיב AdvancedMarkerElement. מומלץ להשתמש ב-addEventListener() (במקום ב-addListener()). |
ממשק AdvancedMarkerElementOptions
google.maps.marker.AdvancedMarkerElementOptions
ממשק
אפשרויות ליצירת AdvancedMarkerElement.
מאפיינים | |
|---|---|
collisionBehavior optional |
סוג:
CollisionBehavior optionalספירה שמציינת איך רכיב AdvancedMarkerElement צריך להתנהג כשהוא מתנגש עם רכיב AdvancedMarkerElement אחר או עם התוויות של מפת הבסיס במפת וקטור. הערה: התנגשות בין |
content optional |
סוג:
Node optionalברירת מחדל:
PinElement.elementרכיב ה-DOM שמאחורי התצוגה החזותית של AdvancedMarkerElement. הערה: הפונקציה |
|
סוג:
boolean optionalברירת מחדל:
falseאם true, הרכיב AdvancedMarkerElement יהיה קליקבילי ויפעיל את האירוע gmp-click, והוא יהיה אינטראקטיבי למטרות נגישות (למשל, יאפשר ניווט באמצעות מקשי החצים). |
gmpDraggable optional |
סוג:
boolean optionalברירת מחדל:
falseאם true, אפשר לגרור את AdvancedMarkerElement. הערה: אי אפשר לגרור את |
map optional |
סוג:
Map optionalהמפה שבה יוצג AdvancedMarkerElement. כדי להציג את AdvancedMarkerElement צריך להוסיף מפה. אפשר להוסיף מפה על ידי הגדרת AdvancedMarkerElement.map אם לא צוינה מפה בשלב ההגדרה. |
position optional |
סוג:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalמגדיר את המיקום של AdvancedMarkerElement. אפשר ליצור AdvancedMarkerElement בלי מיקום, אבל הוא לא יוצג עד שיוגדר לו מיקום – למשל, על ידי פעולות או בחירות של משתמש. אפשר לציין את המיקום של AdvancedMarkerElement על ידי הגדרת AdvancedMarkerElement.position אם לא צוין מיקום בזמן היצירה. הערה: |
title optional |
סוג:
string optionalטקסט לגלגול. אם מספקים טקסט נגישות (למשל לשימוש עם קוראי מסך), הוא יתווסף לרכיב AdvancedMarkerElement עם הערך שסופק. |
zIndex optional |
סוג:
number optionalכל AdvancedMarkerElements מוצגים במפה לפי סדר zIndex שלהם, כאשר ערכים גבוהים יותר מוצגים לפני AdvancedMarkerElements עם ערכים נמוכים יותר. כברירת מחדל, רכיבי AdvancedMarkerElement מוצגים לפי המיקום האנכי שלהם במסך, כך שרכיבי AdvancedMarkerElement שנמצאים בחלק התחתון של המסך מוצגים לפני רכיבי AdvancedMarkerElement שנמצאים בחלק העליון של המסך. שימו לב: zIndex משמש גם כדי לקבוע את העדיפות היחסית בין CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY סמנים מתקדמים. ערך גבוה יותר של zIndex מציין עדיפות גבוהה יותר. |
AdvancedMarkerClickEvent class
google.maps.marker.AdvancedMarkerClickEvent
class
האירוע הזה נוצר כשלוחצים על סמן מתקדם. אפשר לגשת למיקום הסמן באמצעות event.target.position.
הכיתה הזו היא הרחבה של Event.
אפשר להתקשר אל const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker") כדי לקבל גישה.
מידע נוסף זמין במאמר בנושא ספריות ב-Maps JavaScript API.
PinElement class
google.maps.marker.PinElement
class
PinElement מייצג רכיב DOM שמורכב מצורה וגליף. לצורה יש את אותו סגנון בועה כמו בברירת המחדל AdvancedMarkerElement. הגליף הוא רכיב DOM אופציונלי שמוצג בצורת בועה. יכול להיות שלPinElement יהיה יחס גובה-רוחב שונה בהתאם לPinElement.scale.
הערה: עדיין אין תמיכה בשימוש כרכיב אינטרנט (למשל, שימוש כסיווג משנה של HTMLElement או באמצעות HTML).
הכיתה הזו היא הרחבה של HTMLElement.
במחלקה הזו מיושם
PinElementOptions.
אפשר להתקשר אל const {PinElement} = await google.maps.importLibrary("marker") כדי לקבל גישה.
מידע נוסף זמין במאמר בנושא ספריות ב-Maps JavaScript API.
יצרן | |
|---|---|
PinElement |
PinElement([options])פרמטרים:
|
מאפיינים | |
|---|---|
background |
סוג:
string optional |
borderColor |
סוג:
string optional |
element |
סוג:
HTMLElementהשדה הזה הוא לקריאה בלבד. רכיב ה-DOM שמאחורי התצוגה. |
glyph |
|
glyphColor |
סוג:
string optional |
scale |
סוג:
number optional |
Methods | |
|---|---|
|
addEventListener(type, listener[, options])פרמטרים:
ערך מוחזר:
voidהפונקציה הזו עדיין לא זמינה לשימוש. |
removeEventListener |
removeEventListener(type, listener[, options])פרמטרים:
ערך מוחזר:
voidמסירה מהיעד event listener שנרשם קודם באמצעות addEventListener. מידע נוסף זמין במאמר בנושא removeEventListener. |
PinElementOptions interface
google.maps.marker.PinElementOptions
ממשק
אפשרויות ליצירת PinElement.
מאפיינים | |
|---|---|
background optional |
סוג:
string optionalצבע הרקע של צורת הסיכה. אפשר להשתמש בכל ערך צבע של CSS. |
borderColor optional |
סוג:
string optionalצבע הגבול של צורת הסיכה. אפשר להשתמש בכל ערך צבע של CSS. |
glyph optional |
רכיב ה-DOM שמוצג בסיכה. |
glyphColor optional |
סוג:
string optionalהצבע של הגליף. אפשר להשתמש בכל ערך צבע של CSS. |
scale optional |
סוג:
number optionalברירת מחדל:
1הגודל של הסיכה. |