Place Widget Content Customization

המחלקה PlaceContentConfigElement

class google.maps.places.PlaceContentConfigElement extends HTMLElement implements PlaceContentConfigElementOptions
library "places"

הגדרת PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement להצגת קבוצת תוכן בהתאמה אישית. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא.

ב-PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement, מוסיפים את אחד מהרכיבים הבאים ל-PlaceContentConfigElement כדי להציג את התוכן המתאים:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

ספציפית ל-PlaceDetailsElement, אפשר גם להוסיף את הרכיבים הבאים:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

סדר הצאצאים לא משנה. הרכיב מציג תוכן בסדר רגיל שלא ניתן להתאמה אישית. דוגמה:

 <gmp-place-details>
  <gmp-place-content-config>
    <gmp-place-media lightbox-preferred></gmp-place-media>
    <gmp-place-address></gmp-place-address>
  </gmp-place-content-config>
</gmp-place-details>

<gmp-place-content-config></gmp-place-content-config>
const {PlaceContentConfigElement} = await google.maps.importLibrary("places");
PlaceContentConfigElement
PlaceContentConfigElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceContentConfigElementOptions

ממשק google.maps.places.PlaceContentConfigElementOptions
מיושם על ידי PlaceContentConfigElement

אפשרויות לגבי PlaceContentConfigElement.

המחלקה PlaceAllContentElement

class google.maps.places.PlaceAllContentElement extends HTMLElement implements PlaceAllContentElementOptions
library "places"

מגדיר PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement להצגת כל התוכן הזמין. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא. לדוגמה:

 <gmp-place-details>
  <gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>

<gmp-place-all-content></gmp-place-all-content>
const {PlaceAllContentElement} = await google.maps.importLibrary("places");
PlaceAllContentElement
PlaceAllContentElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceAllContentElementOptions

ממשק google.maps.places.PlaceAllContentElementOptions
מיושם על ידי PlaceAllContentElement

אפשרויות לגבי PlaceAllContentElement.

המחלקה PlaceStandardContentElement

class google.maps.places.PlaceStandardContentElement extends HTMLElement implements PlaceStandardContentElementOptions
library "places"

מגדיר PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement להצגת קבוצת תוכן רגילה. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא.
ב-PlaceDetailsElement, תוכן רגיל כולל:

  • מדיה
  • כתובת
  • סיווג
  • סוג
  • price
  • סמל של כניסה נגישה
  • אתר
  • מספר טלפון
  • שעות פתיחה
  • סיכום
  • הדגשות ספציפיות לסוג
  • ביקורות
  • רשימת התכונות

ב-PlaceDetailsCompactElement, תוכן רגיל כולל:
  • מדיה
  • סיווג
  • סוג
  • price
  • סמל של כניסה נגישה
  • סטטוס פתוח עכשיו

ב-PlaceSearchElement, תוכן רגיל כולל:
  • מדיה
  • סיווג
  • סוג
  • price
  • סמל של כניסה נגישה

לדוגמה:
 <gmp-place-details>
  <gmp-place-standard-content></gmp-place-standard-content>
</gmp-place-details>

<gmp-place-standard-content></gmp-place-standard-content>
const {PlaceStandardContentElement} = await google.maps.importLibrary("places");
PlaceStandardContentElement
PlaceStandardContentElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceStandardContentElementOptions

ממשק google.maps.places.PlaceStandardContentElementOptions
מיושם על ידי PlaceStandardContentElement

אפשרויות לגבי PlaceStandardContentElement.

המחלקה PlaceMediaElement

class google.maps.places.PlaceMediaElement extends HTMLElement implements PlaceMediaElementOptions
library "places"

מגדיר PlaceDetailsCompactElement,‏ PlaceDetailsElement או PlaceSearchElement להצגת מדיה של מקום, כמו תמונות. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>

<gmp-place-media
  lightbox-preferred
  preferred-size="value-name">
</gmp-place-media>
const {PlaceMediaElement} = await google.maps.importLibrary("places");
PlaceMediaElement
PlaceMediaElement([options])
פרמטרים:
lightboxPreferred
attr: lightbox-preferred
סוג הקלט: boolean optional
סוג הפלט: boolean
ברירת המחדל: false
אם להפעיל או להשבית את תיבת ה-lightbox של המדיה, במקרים שבהם שתי האפשרויות נתמכות.
מאפיין HTML: lightbox-preferred
preferredSize
attr: preferred-size
סוג הקלט: MediaSize optional
סוג הפלט: MediaSize optional
ברירת המחדל: null
גודל המדיה המועדף במקרים שבהם יש תמיכה בכמה גדלים, כמו PlaceSearchElement האנכי. אם לא מציינים את הענף PlaceSearchElement, המערכת תשתמש ב-MediaSize.SMALL כברירת מחדל.
מאפיין HTML: preferred-size="value-name"
בירושה: addEventListener, removeEventListener

ממשק PlaceMediaElementOptions

ממשק google.maps.places.PlaceMediaElementOptions
מיושם על ידי PlaceMediaElement

אפשרויות לגבי PlaceMediaElement.

lightboxPreferred
אופציונלי
סוג: boolean optional
preferredSize
אופציונלי
סוג: MediaSize optional

קבועים של MediaSize

constants google.maps.places.MediaSize
ספרייה "places"

גודל המדיה המועדף במקרים שבהם יש תמיכה בכמה גדלים, כמו PlaceSearchElement האנכי.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג MediaSizeString.

const {MediaSize} = await google.maps.importLibrary("places");
LARGE קובץ מדיה גדול.
MEDIUM גודל מדיה בינוני.
SMALL מדיה קטנה.

המחלקה PlaceAddressElement

class google.maps.places.PlaceAddressElement extends HTMLElement implements PlaceAddressElementOptions
library "places"

הגדרת PlaceDetailsCompactElement,‏ PlaceDetailsElement או PlaceSearchElement להצגת כתובת של מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-address></gmp-place-address>
</gmp-place-content-config>

<gmp-place-address></gmp-place-address>
const {PlaceAddressElement} = await google.maps.importLibrary("places");
PlaceAddressElement
PlaceAddressElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceAddressElementOptions

ממשק google.maps.places.PlaceAddressElementOptions
מיושם על ידי PlaceAddressElement

אפשרויות לגבי PlaceAddressElement.

המחלקה PlaceRatingElement

class google.maps.places.PlaceRatingElement extends HTMLElement implements PlaceRatingElementOptions
library "places"

מגדיר PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement להצגת דירוג של מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-rating></gmp-place-rating>
</gmp-place-content-config>

<gmp-place-rating></gmp-place-rating>
const {PlaceRatingElement} = await google.maps.importLibrary("places");
PlaceRatingElement
PlaceRatingElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceRatingElementOptions

ממשק google.maps.places.PlaceRatingElementOptions
מיושם על ידי PlaceRatingElement

אפשרויות לגבי PlaceRatingElement.

המחלקה PlaceTypeElement

class google.maps.places.PlaceTypeElement extends HTMLElement implements PlaceTypeElementOptions
library "places"

מגדיר PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement כדי להציג את סוג המקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-type></gmp-place-type>
</gmp-place-content-config>

<gmp-place-type></gmp-place-type>
const {PlaceTypeElement} = await google.maps.importLibrary("places");
PlaceTypeElement
PlaceTypeElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceTypeElementOptions

ממשק google.maps.places.PlaceTypeElementOptions
מיושם על ידי PlaceTypeElement

אפשרויות לגבי PlaceTypeElement.

המחלקה PlacePriceElement

class google.maps.places.PlacePriceElement extends HTMLElement implements PlacePriceElementOptions
library "places"

מגדיר PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement כדי להציג את רמת המחיר או את טווח המחירים של מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-price></gmp-place-price>
</gmp-place-content-config>

<gmp-place-price></gmp-place-price>
const {PlacePriceElement} = await google.maps.importLibrary("places");
PlacePriceElement
PlacePriceElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlacePriceElementOptions

ממשק google.maps.places.PlacePriceElementOptions
מיושם על ידי PlacePriceElement

אפשרויות לגבי PlacePriceElement.

המחלקה PlaceAccessibleEntranceIconElement

class google.maps.places.PlaceAccessibleEntranceIconElement extends HTMLElement implements PlaceAccessibleEntranceIconElementOptions
library "places"

מגדירה PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement להצגת סמל של כיסא גלגלים אם למקום יש כניסה נגישה. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
</gmp-place-content-config>

<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places");
PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceAccessibleEntranceIconElementOptions

ממשק google.maps.places.PlaceAccessibleEntranceIconElementOptions
מיושם על ידי PlaceAccessibleEntranceIconElement

אפשרויות לגבי PlaceAccessibleEntranceIconElement.

המחלקה PlaceOpenNowStatusElement

class google.maps.places.PlaceOpenNowStatusElement extends HTMLElement implements PlaceOpenNowStatusElementOptions
library "places"

מגדיר PlaceDetailsCompactElement, PlaceDetailsElement או PlaceSearchElement כדי להציג את הסטטוס הנוכחי של מקום (פתוח או סגור). כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-open-now-status></gmp-place-open-now-status>
</gmp-place-content-config>

<gmp-place-open-now-status></gmp-place-open-now-status>
const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places");
PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
פרמטרים:
בירושה: addEventListener, removeEventListener

ממשק PlaceOpenNowStatusElementOptions

ממשק google.maps.places.PlaceOpenNowStatusElementOptions
מיושם על ידי PlaceOpenNowStatusElement

אפשרויות לגבי PlaceOpenNowStatusElement.

המחלקה PlaceReviewSummaryElement

class google.maps.places.PlaceReviewSummaryElement extends HTMLElement implements PlaceReviewSummaryElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת סיכום של ביקורות על מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-review-summary></gmp-place-review-summary>
</gmp-place-content-config>

<gmp-place-review-summary></gmp-place-review-summary>
const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceReviewSummaryElementOptions

ממשק google.maps.places.PlaceReviewSummaryElementOptions
מיושם על ידי PlaceReviewSummaryElement

אפשרויות לגבי PlaceReviewSummaryElement.

המחלקה PlaceReviewsElement

class google.maps.places.PlaceReviewsElement extends HTMLElement implements PlaceReviewsElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת ביקורות על מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-reviews></gmp-place-reviews>
</gmp-place-content-config>

<gmp-place-reviews></gmp-place-reviews>
const {PlaceReviewsElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceReviewsElementOptions

ממשק google.maps.places.PlaceReviewsElementOptions
מיושם על ידי PlaceReviewsElement

אפשרויות לגבי PlaceReviewsElement.

המחלקה PlaceSummaryElement

class google.maps.places.PlaceSummaryElement extends HTMLElement implements PlaceSummaryElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת סיכום של מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-summary></gmp-place-summary>
</gmp-place-content-config>

<gmp-place-summary></gmp-place-summary>
const {PlaceSummaryElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceSummaryElementOptions

ממשק google.maps.places.PlaceSummaryElementOptions
מיושם על ידי PlaceSummaryElement

אפשרויות לגבי PlaceSummaryElement.

המחלקה PlaceFeatureListElement

class google.maps.places.PlaceFeatureListElement extends HTMLElement implements PlaceFeatureListElementOptions
library "places"

מגדירה PlaceDetailsElement להצגת רשימת התכונות של מקום בכרטיסייה "מידע כללי". רשימת התכונות יכולה לכלול אפשרויות נגישות, שירותים, אמצעי תשלום מקובלים ועוד. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-feature-list></gmp-place-feature-list>
</gmp-place-content-config>

<gmp-place-feature-list></gmp-place-feature-list>
const {PlaceFeatureListElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceFeatureListElementOptions

ממשק google.maps.places.PlaceFeatureListElementOptions
מיושם על ידי PlaceFeatureListElement

אפשרויות לגבי PlaceFeatureListElement.

המחלקה PlaceOpeningHoursElement

class google.maps.places.PlaceOpeningHoursElement extends HTMLElement implements PlaceOpeningHoursElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת שעות הפתיחה של מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-opening-hours></gmp-place-opening-hours>
</gmp-place-content-config>

<gmp-place-opening-hours></gmp-place-opening-hours>
const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceOpeningHoursElementOptions

ממשק google.maps.places.PlaceOpeningHoursElementOptions
מיושם על ידי PlaceOpeningHoursElement

אפשרויות לגבי PlaceOpeningHoursElement.

המחלקה PlacePhoneNumberElement

class google.maps.places.PlacePhoneNumberElement extends HTMLElement implements PlacePhoneNumberElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת מספר הטלפון של מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-phone-number></gmp-place-phone-number>
</gmp-place-content-config>

<gmp-place-phone-number></gmp-place-phone-number>
const {PlacePhoneNumberElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlacePhoneNumberElementOptions

ממשק google.maps.places.PlacePhoneNumberElementOptions
מיושם על ידי PlacePhoneNumberElement

אפשרויות לגבי PlacePhoneNumberElement.

המחלקה PlacePlusCodeElement

class google.maps.places.PlacePlusCodeElement extends HTMLElement implements PlacePlusCodeElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת Plus Code של מקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-plus-code></gmp-place-plus-code>
</gmp-place-content-config>

<gmp-place-plus-code></gmp-place-plus-code>
const {PlacePlusCodeElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlacePlusCodeElementOptions

ממשק google.maps.places.PlacePlusCodeElementOptions
מיושם על ידי PlacePlusCodeElement

אפשרויות לגבי PlacePlusCodeElement.

המחלקה PlaceTypeSpecificHighlightsElement

class google.maps.places.PlaceTypeSpecificHighlightsElement extends HTMLElement implements PlaceTypeSpecificHighlightsElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת פרטים ספציפיים לסוג המקום, כמו מחירי דלק וזמינות של מטענים לרכב חשמלי. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
</gmp-place-content-config>

<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceTypeSpecificHighlightsElementOptions

ממשק google.maps.places.PlaceTypeSpecificHighlightsElementOptions
מיושם על ידי PlaceTypeSpecificHighlightsElement

אפשרויות לגבי PlaceTypeSpecificHighlightsElement.

המחלקה PlaceWebsiteElement

class google.maps.places.PlaceWebsiteElement extends HTMLElement implements PlaceWebsiteElementOptions
library "places"

מגדיר PlaceDetailsElement להצגת האתר של המקום. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-website></gmp-place-website>
</gmp-place-content-config>

<gmp-place-website></gmp-place-website>
const {PlaceWebsiteElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceWebsiteElementOptions

ממשק google.maps.places.PlaceWebsiteElementOptions
מיושם על ידי PlaceWebsiteElement

אפשרויות לגבי PlaceWebsiteElement.

המחלקה PlaceAttributionElement

class google.maps.places.PlaceAttributionElement extends HTMLElement implements PlaceAttributionElementOptions
library "places"

מאפשרת להתאים אישית את הטקסט לציון קרדיט במפות Google ב-PlaceDetailsCompactElement, ב-PlaceDetailsElement או ב-PlaceSearchElement. כדי להשתמש ברכיב הזה, צריך להוסיף אותו כצאצא של PlaceContentConfigElement. אם הרכיב הזה לא מופיע, השיוך עדיין יוצג עם צבעי ברירת המחדל. לדוגמה:

 <gmp-place-content-config>
  <gmp-place-attribution
     light-scheme-color="black"
     dark-scheme-color="white"
  ></gmp-place-attribution>
</gmp-place-content-config>

<gmp-place-attribution
  dark-scheme-color="value-name"
  light-scheme-color="value-name">
</gmp-place-attribution>
const {PlaceAttributionElement} = await google.maps.importLibrary("places");
PlaceAttributionElement
PlaceAttributionElement([options])
פרמטרים:
darkSchemeColor
attr: dark-scheme-color
סוג הקלט: AttributionColor optional
סוג הפלט: AttributionColor
ברירת המחדל: AttributionColor.WHITE
צבע השיוך של מפות Google במצב כהה.
מאפיין HTML: dark-scheme-color="value-name"
lightSchemeColor
attr: light-scheme-color
סוג הקלט: AttributionColor optional
סוג הפלט: AttributionColor
ברירת המחדל: AttributionColor.GRAY
צבע השיוך (Attribution) של מפות Google במצב בהיר.
מאפיין HTML: light-scheme-color="value-name"
בירושה: addEventListener, removeEventListener

ממשק PlaceAttributionElementOptions

ממשק google.maps.places.PlaceAttributionElementOptions
מיושם על ידי PlaceAttributionElement

אפשרויות לגבי PlaceAttributionElement.

darkSchemeColor
אופציונלי
סוג: AttributionColor optional
lightSchemeColor
אופציונלי
סוג: AttributionColor optional

AttributionColor constants

constants google.maps.places.AttributionColor
ספרייה "places"

אפשרויות צבע לטקסט לציון קרדיט במפות Google. אפשר להתאים אישית את השיוך (Attribution) כך שישתמש בכל אחד מהצבעים האלה.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג AttributionColorString.

const {AttributionColor} = await google.maps.importLibrary("places");
BLACK טקסט שחור לציון קרדיט.
GRAY טקסט אפור לציון קרדיט.
WHITE טקסט לבן לציון קרדיט.

המחלקה PlaceButtonElement

class google.maps.places.PlaceButtonElement extends HTMLElement implements PlaceButtonElementOptions
library "places"

הצגת כפתור שמוגדר במיקום action-main או במיקום action-corner. ל-PlaceButtonElement אין פעולת ברירת מחדל. מצרפים רכיב event listener לאלמנט כדי להגדיר את ההתנהגות שלו. כברירת מחדל, הכפתור יוצג במשבצת action-main.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>
const {PlaceButtonElement} = await google.maps.importLibrary("places");
actionAriaLabel
attr: action-aria-label
סוג: string optional
ברירת המחדל: undefined
תווית ה-ARIA של אמצעי הבקרה הפנימי. לפקדים שכוללים רק סמל תמיד צריכה להיות תווית aria-label שמתארת את המטרה וההתנהגות שלהם. בפקדים שמוצגים בפינה לא מוצגת תווית, ולכן מומלץ להשתמש ב-aria-label במקום בתווית לפקדים בפינה.
מאפיין HTML: action-aria-label="string"
label
attr: label
סוג: string optional
ברירת המחדל: undefined
התווית שתוצג בפקד. בקישורים עם סוגי פעולות מוגדרים מראש, המערכת מתעלמת מהמאפיין הזה. קישורים וכפתורים שמוצגים בפינת הפעולות לא כוללים תווית. מומלץ להשתמש במאפיין action-aria-label במקום זאת לפקדי פינות.
מאפיין HTML: label="string"
icon-start
משבצת לתוכן של סמל שמתחיל לפני התווית. הצבע הזה משמש גם לפקדי הפעולה הראשיים וגם לפקדי הפעולה בפינה. כשאמצעי בקרה מתכווץ למצב הפינתי שלו, התוכן במשבצת הזו הוא מה שמוצג.
button
חלק ב-CSS שמטרגט את רכיב הבקרה הפנימי.
בירושה: addEventListener, removeEventListener
gmp-click
function(event)
ארגומנטים:
מופעל כשלוחצים על הפקד.

ממשק PlaceButtonElementOptions

ממשק google.maps.places.PlaceButtonElementOptions
מיושם על ידי PlaceButtonElement

אפשרויות לגבי PlaceButtonElement.

actionAriaLabel
אופציונלי
סוג: string optional
תווית ה-ARIA של אמצעי הבקרה הפנימי. לפקדים שכוללים רק סמל תמיד צריכה להיות תווית aria-label שמתארת את המטרה וההתנהגות שלהם. בפקדים שמוצגים בפינה לא מוצגת תווית, ולכן מומלץ להשתמש ב-aria-label במקום בתווית לפקדים בפינה.
label
אופציונלי
סוג: string optional
התווית שתוצג בפקד. בקישורים עם סוגי פעולות מוגדרים מראש, המערכת מתעלמת מהמאפיין הזה. קישורים וכפתורים שמוצגים בפינת הפעולות לא כוללים תווית. מומלץ להשתמש במאפיין action-aria-label במקום זאת לפקדי פינות.

המחלקה PlaceLinkElement

class google.maps.places.PlaceLinkElement extends HTMLElement implements PlaceLinkElementOptions
library "places"

מציג קישור שמופיע במשבצת action-main או במשבצת action-corner. כברירת מחדל, הקישור יוצג במיקום action-main. משתמשים במאפיין action כדי לציין את ההתנהגות של הקישור. יש כמה סוגי פעולות שאפשר להשתמש בהם, והם מפורטים בקטע ActionLinkType. כדי ליצור קישור בהתאמה אישית, צריך לציין את סוג הפעולה custom ולהגדיר את המאפיינים href ו-label.

<gmp-place-link
  action="value-name"
  action-aria-label="string"
  href="string"
  label="string"
  target="string">
</gmp-place-link>
const {PlaceLinkElement} = await google.maps.importLibrary("places");
action
attr: action
סוג: ActionLinkType optional
סוג הפעולה שרוצים לבצע כשלוחצים על הקישור. קובעת את ברירת המחדל של התווית, הסמל וה-href של יעד הקישור. כדי להגדיר יעד באופן ידני, צריך להשתמש בסוג custom ולציין את המאפיין href.
מאפיין HTML: action="value-name"
actionAriaLabel
attr: action-aria-label
סוג: string optional
ברירת המחדל: undefined
תווית ה-ARIA של אמצעי הבקרה הפנימי. לפקדים שכוללים רק סמל תמיד צריכה להיות תווית aria-label שמתארת את המטרה וההתנהגות שלהם. בפקדים שמוצגים בפינה לא מוצגת תווית, ולכן מומלץ להשתמש ב-aria-label במקום בתווית לפקדים בפינה.
מאפיין HTML: action-aria-label="string"
href
attr: href
סוג: string optional
ברירת המחדל: undefined
כתובת ה-URL שתיפתח כשלוחצים על הקישור. המאפיין הזה משמש רק כשהמאפיין action מוגדר כ-custom.
מאפיין HTML: href="string"
label
attr: label
סוג: string optional
ברירת המחדל: undefined
התווית שתוצג בפקד. בקישורים עם סוגי פעולות מוגדרים מראש, המערכת מתעלמת מהמאפיין הזה. קישורים וכפתורים שמוצגים בפינת הפעולות לא כוללים תווית. מומלץ להשתמש במאפיין action-aria-label במקום זאת לפקדי פינות.
מאפיין HTML: label="string"
target
attr: target
סוג: string optional
ברירת המחדל: undefined
קובע איפה הקישור ייפתח. מידע נוסף זמין בכתובת https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target.
מאפיין HTML: target="string"
icon-start
משבצת לתוכן של סמל שמתחיל לפני התווית. הצבע הזה משמש גם לפקדי הפעולה הראשיים וגם לפקדי הפעולה בפינה. כשאמצעי בקרה מתכווץ למצב הפינתי שלו, התוכן במשבצת הזו הוא מה שמוצג.
button
חלק ב-CSS שמטרגט את רכיב הבקרה הפנימי.
בירושה: addEventListener, removeEventListener
gmp-click
function(event)
ארגומנטים:
מופעל כשלוחצים על הפקד.

ממשק PlaceLinkElementOptions

ממשק google.maps.places.PlaceLinkElementOptions
מיושם על ידי PlaceLinkElement

אפשרויות לגבי PlaceLinkElement.

action
אופציונלי
סוג: ActionLinkType optional
actionAriaLabel
אופציונלי
סוג: string optional
תווית ה-ARIA של אמצעי הבקרה הפנימי. לפקדים שכוללים רק סמל תמיד צריכה להיות תווית aria-label שמתארת את המטרה וההתנהגות שלהם. בפקדים שמוצגים בפינה לא מוצגת תווית, ולכן מומלץ להשתמש ב-aria-label במקום בתווית לפקדים בפינה.
href
אופציונלי
סוג: string optional
label
אופציונלי
סוג: string optional
התווית שתוצג בפקד. בקישורים עם סוגי פעולות מוגדרים מראש, המערכת מתעלמת מהמאפיין הזה. קישורים וכפתורים שמוצגים בפינת הפעולות לא כוללים תווית. מומלץ להשתמש במאפיין action-aria-label במקום זאת לפקדי פינות.
target
אופציונלי
סוג: string optional

קבועים של ActionLinkType

constants google.maps.places.ActionLinkType
ספרייה "places"

הפעולה שמתבצעת כשלוחצים על PlaceLinkElement. קובע את הסמל, התווית והיעד של ה-href.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג ActionLinkTypeString.

const {ActionLinkType} = await google.maps.importLibrary("places");
CALL מפעיל קישור tel: ‎ כדי להתקשר למקום. ההתנהגות תלויה במערכת ההפעלה.
CUSTOM השתמשו בסוג הפעולה הזה לקישורים בהתאמה אישית. כשמשתמשים בסוג הפעולה הזה, צריך להגדיר את המאפיין href ב-PlaceLinkElement.
OPEN_DIRECTIONS פתיחת מסלול הגעה למקום במיקום שצוין על ידי PlaceLinkElement.target.
OPEN_MAP פתיחת המפה במיקום שצוין על ידי PlaceLinkElement.target.
OPEN_WEBSITE פתיחת האתר של המקום במיקום שצוין ב-PlaceLinkElement.target.

קבועים של ActionButtonPosition

constants google.maps.places.ActionButtonPosition
ספרייה "places"

המיקום של הפקד בווידג'ט של פרטי המקום.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג ActionButtonPositionString.

const {ActionButtonPosition} = await google.maps.importLibrary("places");
ACTION_CORNER הפקד מוצג בפינה של הווידג'ט. בפינות של אמצעי הבקרה מוצג רק סמל.
ACTION_MAIN הפקד מוצג באזור התוכן הראשי של הווידג'ט. התוויות והסמלים מוצגים.

המחלקה PlaceActionEvent

class google.maps.places.PlaceActionEvent extends Event
library "places"

האירוע שמופעל כשלוחצים על כפתור הפעולה.

const {PlaceActionEvent} = await google.maps.importLibrary("places");
place
readonly
סוג: Place
המקום שעליו לחצו.

המחלקה PlaceNameElement

class google.maps.places.PlaceNameElement extends HTMLElement implements PlaceNameElementOptions
library "places"

הצגת השם של מקום בתוך רכיב של פרטי מקום.

<gmp-place-name></gmp-place-name>
const {PlaceNameElement} = await google.maps.importLibrary("places");
בירושה: addEventListener, removeEventListener

ממשק PlaceNameElementOptions

ממשק google.maps.places.PlaceNameElementOptions
מיושם על ידי PlaceNameElement

אפשרויות לגבי PlaceNameElement.