המחלקה 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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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 |
ברירת המחדל:
nullגודל המדיה המועדף במקרים שבהם יש תמיכה בכמה גדלים, כמו
PlaceSearchElement האנכי. אם לא מציינים את הענף PlaceSearchElement, המערכת תשתמש ב-MediaSize.SMALL כברירת מחדל.מאפיין HTML: preferred-size="value-name" |
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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])פרמטרים:
|
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
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.WHITEצבע השיוך של מפות Google במצב כהה.
מאפיין HTML: dark-scheme-color="value-name" |
lightSchemeColor
attr: light-scheme-color |
ברירת המחדל:
AttributionColor.GRAYצבע השיוך (Attribution) של מפות Google במצב בהיר.
מאפיין HTML: light-scheme-color="value-name" |
Methods | |
|---|---|
בירושה:
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 שמטרגט את רכיב הבקרה הפנימי. |
Methods | |
|---|---|
בירושה:
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 שמטרגט את רכיב הבקרה הפנימי. |
Methods | |
|---|---|
בירושה:
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");
Methods | |
|---|---|
בירושה:
addEventListener,
removeEventListener
|
ממשק PlaceNameElementOptions
ממשק
google.maps.places.PlaceNameElementOptions
מיושם על ידי PlaceNameElement
אפשרויות לגבי PlaceNameElement.