Advanced Markers

המחלקה AdvancedMarkerElement

google.maps.marker.AdvancedMarkerElement מחלקה

מציג מיקום במפה. לתשומת ליבך, כדי שהAdvancedMarkerElement יוצג, חובה להגדיר את position.

הערה: שימוש כרכיב אינטרנט (למשל, שימוש ברכיב HTML בהתאמה אישית <gmp-advanced-marker>, זמין רק בערוץ v=beta).

רכיב מותאם אישית:
<gmp-advanced-marker position="lat,lng" title="string"></gmp-advanced-marker>

כיתה זו תקפה ל-HTMLElement.

בדומיין הזה מוטמעת AdvancedMarkerElementOptions.

גישה באמצעות חיוג אל const {AdvancedMarkerElement} = await google.maps.importLibrary("marker"). למידע נוסף, אפשר לעיין במאמר בנושא ספריות ב-API של JavaScript במפות.

AdvancedMarkerElement
AdvancedMarkerElement([options])
פרמטרים: 
הפונקציה יוצרת AdvancedMarkerElement עם האפשרויות שצוינו. אם מציינים מפה, AdvancedMarkerElement מתווסף למפה במהלך הבנייה.
collisionBehavior
סוג:  CollisionBehavior optional
content
סוג:  Node optional
element
סוג:  HTMLElement
השדה הזה הוא לקריאה בלבד. רכיב ה-DOM שמגבה את התצוגה.
BetagmpClickable
סוג:  boolean optional
gmpDraggable
סוג:  boolean optional
map
סוג:  Map optional
position
מאפיין HTML:
  • <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker>
  • <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title
סוג:  string
מאפיין HTML:
  • <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex
סוג:  number optional
BetaaddEventListener
addEventListener(type, listener[, options])
פרמטרים: 
  • typestring מחרוזת תלוית אותיות רישיות שמייצגת את סוג האירוע שצריך להאזין לו.
  • listenerEventListener|EventListenerObject האובייקט שמקבל התראה. הפריט הזה חייב להיות פונקציה או אובייקט עם method מסוג HandEvent
  • optionsboolean|AddEventListenerOptions optional ראו אפשרויות. אירועים בהתאמה אישית תומכים רק ב-capture וב-passive.
הערך המוחזר:  void
מגדירה פונקציה שתיקרא בכל פעם שהאירוע שצוין מועבר ליעד. הצגת addEventListener
addListener
addListener(eventName, handler)
פרמטרים: 
  • eventNamestring אירוע שנצפה.
  • handlerFunction פונקציה לטיפול באירועים.
הערך המוחזר:  MapsEventListener פונקציות ה-event listener הסופיות.
מוסיף את פונקציית ה- listener הנתונה לשם האירוע הנתון במערכת האירועים של מפות Google.
BetaremoveEventListener
removeEventListener(type, listener[, options])
פרמטרים: 
  • typestring מחרוזת שמציינת את סוג האירוע שעבורו יש להסיר פונקציות event listener.
  • listenerEventListener|EventListenerObject ה-event listener של הגורם המטפל באירועים שיש להסיר מהיעד.
  • optionsboolean|EventListenerOptions optional ראה אפשרויות
הערך המוחזר:  void
מסיר מהיעד מעבד אירוע שנרשם בעבר ב-addEventListener. הצגת removeEventListener
click
function(event)
ארגומנטים: 
האירוע הזה מופעל בעת לחיצה על הרכיב AdvancedMarkerElement.

לא זמין עם addEventListener() (יש להשתמש ב-gmp-click במקום זאת).
drag
function(event)
ארגומנטים: 
האירוע הזה מופעל שוב ושוב בזמן שהמשתמש גורר את AdvancedMarkerElement.

לא זמין עם addEventListener().
dragend
function(event)
ארגומנטים: 
האירוע הזה מופעל כשהמשתמש מפסיק לגרור את AdvancedMarkerElement.

לא זמין עם addEventListener().
dragstart
function(event)
ארגומנטים: 
האירוע הזה מופעל כשהמשתמש מתחיל לגרור את AdvancedMarkerElement.

לא זמין עם addEventListener().
Betagmp-click
function(event)
ארגומנטים: 
האירוע הזה מופעל בעת לחיצה על הרכיב AdvancedMarkerElement. האפשרות המומלצת ביותר בשימוש עם addEventListener() (במקום addListener()).

ממשק AdvancedMarkerElementOptions

google.maps.marker.AdvancedMarkerElementOptions ממשק

אפשרויות לבניית AdvancedMarkerElement.

collisionBehavior optional
סוג:  CollisionBehavior optional
ספירה שמציינת את ההתנהגות של AdvancedMarkerElement כשהוא מתנגש עם AdvancedMarkerElement אחר או עם תוויות של מפה וקטורית במפה וקטורית.

הערה: ההתנגשות AdvancedMarkerElement עד AdvancedMarkerElement פועלת במפות רסטר וגם במפות וקטוריות, אבל AdvancedMarkerElement כדי לבסס התנגשות בין תוויות של מפה לבסיס רק במפות וקטוריות.

content optional
סוג:  Node optional
ברירת מחדל: PinElement.element
רכיב ה-DOM שמגבה את הרכיבים החזותיים של AdvancedMarkerElement.

הערה: AdvancedMarkerElement לא משכפל את רכיב ה-DOM שהועבר. לאחר שרכיב ה-DOM מועבר אל AdvancedMarkerElement, העברה של אותו רכיב DOM ל-AdvancedMarkerElement אחר תזיז את רכיב ה-DOM ו-AdvancedMarkerElement הקודם ייראה ריק.

BetagmpClickable optional
סוג:  boolean optional
ברירת מחדל: false
אם true, AdvancedMarkerElement יהיה ניתן ללחיצה ויפעילו את האירוע gmp-click, והוא יהיה אינטראקטיבי למטרות נגישות (למשל, מתן הרשאה לניווט באמצעות מקלדת באמצעות מקשי החיצים).
gmpDraggable optional
סוג:  boolean optional
ברירת מחדל: false
אם true, ניתן לגרור את AdvancedMarkerElement.

הערה: לא ניתן לגרור את AdvancedMarkerElement עם גובה.

map optional
סוג:  Map optional
מפה שבה יש להציג את AdvancedMarkerElement. נדרשת מפה כדי להציג את AdvancedMarkerElement. אפשר לספק אותה על ידי הגדרת הערך AdvancedMarkerElement.map, אם היא לא סופקה במהלך הבנייה.
position optional
הגדרת המיקום של AdvancedMarkerElement. AdvancedMarkerElement יכול להיווצר ללא מיקום, אך הוא לא יוצג עד שהמיקום שלו יסופק - לדוגמה, לפי פעולות או בחירות של המשתמש. ניתן לציין את המיקום של AdvancedMarkerElement על ידי הגדרת הערך AdvancedMarkerElement.position אם לא צוין המיקום בבנייה.

הערה: הפרמטר AdvancedMarkerElement עם גובה נתמך רק במפות וקטוריות.

title optional
סוג:  string optional
טקסט לגלילת עכבר. אם סופק, טקסט נגישות (למשל, לשימוש עם קוראי מסך) יתווסף לAdvancedMarkerElement עם הערך שצוין.
zIndex optional
סוג:  number optional
כל ערכי ה-AdvancedMarkerElement מוצגים במפה לפי סדר ה-zIndex שלהם, כאשר ערכים גבוהים יותר מוצגים לפני AdvancedMarkerElement עם ערכים נמוכים יותר. כברירת מחדל, הערכים של AdvancedMarkerElement מוצגים בהתאם למיקום האנכי שלהם במסך, כאשר הערכים של AdvancedMarkerElement התחתונים מוצגים לפני AdvancedMarkerElement כשהם רחוקים יותר במסך. לידיעתך, zIndex משמש גם לקביעת העדיפות היחסית בין CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY סמנים מתקדמים. ערך zIndex גבוה יותר מצביע על עדיפות גבוהה יותר.

המחלקה AdvancedMarkerClickEvent

google.maps.marker.AdvancedMarkerClickEvent מחלקה

האירוע הזה נוצר מלחיצה על סמן מתקדם. גש למיקום הסמן באמצעות event.target.position.

כיתה זו תקפה ל-Event.

גישה באמצעות חיוג אל const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker"). למידע נוסף, אפשר לעיין במאמר בנושא ספריות ב-API של JavaScript במפות.

המחלקה PinElement

google.maps.marker.PinElement מחלקה

PinElement מייצג רכיב DOM שמורכב מצורה ומגליף. לצורה יש סגנון בלון זהה לזה שמוצג ב-AdvancedMarkerElement ברירת המחדל. הגליף הוא רכיב DOM אופציונלי שמוצג בצורה של בלון. יחס הגובה-רוחב של PinElement עשוי להיות שונה בהתאם ל-PinElement.scale שלו.

הערה: שימוש כרכיב אינטרנט (למשל שימוש כמחלקה משנה של HTMLElement או דרך HTML) עדיין לא נתמך.

כיתה זו תקפה ל-HTMLElement.

בדומיין הזה מוטמעת PinElementOptions.

גישה באמצעות חיוג אל const {PinElement} = await google.maps.importLibrary("marker"). למידע נוסף, אפשר לעיין במאמר בנושא ספריות ב-API של JavaScript במפות.

PinElement
PinElement([options])
פרמטרים: 
background
סוג:  string optional
borderColor
סוג:  string optional
element
סוג:  HTMLElement
השדה הזה הוא לקריאה בלבד. רכיב ה-DOM שמגבה את התצוגה.
glyph
סוג:  string|Element|URL optional
glyphColor
סוג:  string optional
scale
סוג:  number optional
BetaaddEventListener
addEventListener(type, listener[, options])
פרמטרים: 
הערך המוחזר:  void
הפונקציה הזו עדיין לא זמינה לשימוש.
BetaremoveEventListener
removeEventListener(type, listener[, options])
פרמטרים: 
  • typestring מחרוזת שמציינת את סוג האירוע שעבורו יש להסיר פונקציות event listener.
  • listenerEventListener|EventListenerObject ה-event listener של הגורם המטפל באירועים שיש להסיר מהיעד.
  • optionsboolean|EventListenerOptions optional ראה אפשרויות
הערך המוחזר:  void
מסיר מהיעד מעבד אירוע שנרשם בעבר ב-addEventListener. הצגת removeEventListener

ממשק PinElementOptions

google.maps.marker.PinElementOptions ממשק

אפשרויות ליצירת PinElement.

background optional
סוג:  string optional
צבע הרקע של צורת הסיכה. תומך בכל ערך צבע של CSS.
borderColor optional
סוג:  string optional
צבע הגבול של צורת הסיכה. תומך בכל ערך צבע של CSS.
glyph optional
סוג:  string|Element|URL optional
רכיב ה-DOM שמוצג בסיכה.
glyphColor optional
סוג:  string optional
צבע הגליף. תומך בכל ערך צבע של CSS.
scale optional
סוג:  number optional
ברירת מחדל: 1
קנה המידה של הסיכה.