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، محتوای استاندارد شامل موارد زیر است:

  • رسانه
  • نشانی
  • رده‌بندی
  • نوع
  • قیمت
  • نماد ورودی دسترس‌پذیر
  • وب‌سایت
  • شماره تلفن
  • ساعات کاری
  • خلاصه
  • برگزیده‌های خاص نوع
  • مرورها
  • فهرست ویژگی‌ها

برای PlaceDetailsCompactElement، محتوای استاندارد شامل موارد زیر است:
  • رسانه
  • رده‌بندی
  • نوع
  • قیمت
  • نماد ورودی دسترس‌پذیر
  • وضعیت اکنون باز است

برای PlaceSearchElement، محتوای استاندارد شامل موارد زیر است:
  • رسانه
  • رده‌بندی
  • نوع
  • قیمت
  • نماد ورودی دسترس‌پذیر

برای مثال:
 <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
فعال یا غیرفعال کردن لایت‌باکس رسانه، در مواردی که هر دو گزینه پشتیبانی می‌شوند.
مشخصه 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

ثابت‌ها google.maps.places.MediaSize کتابخانه
"places"

اندازه رسانه ترجیحی در مواردی که از چند اندازه پشتیبانی می‌شود، مثل PlaceSearchElement عمودی.

این ثابت‌ها به‌عنوان رشته نیز قابل‌استفاده هستند. در TypeScript، رشته‌های لفظی با نوع MediaSizeString تعریف می‌شوند.

const {MediaSize} = await google.maps.importLibrary("places");
LARGE اندازه رسانه بزرگ است.
MEDIUM اندازه رسانه متوسط.
SMALL اندازه رسانه کوچک است.

PlaceAddressElement class

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

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 Maps را در 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 Maps در حالت تاریک.
مشخصه HTML: dark-scheme-color="value-name"
lightSchemeColor
attr: light-scheme-color
نوع ورودی: AttributionColor optional
نوع خروجی: AttributionColor
پیش‌فرض: AttributionColor.GRAY
رنگ ارجاع Google Maps در حالت روشن.
مشخصه HTML: light-scheme-color="value-name"
به‌ارث‌رسیده: addEventListener، removeEventListener

میانای PlaceAttributionElementOptions

میانا google.maps.places.PlaceAttributionElementOptions
پیاده‌سازی‌شده توسط PlaceAttributionElement

گزینه‌های PlaceAttributionElement.

darkSchemeColor
اختیاری
نوع: AttributionColor optional
lightSchemeColor
اختیاری
نوع: AttributionColor optional

ثابت‌های AttributionColor

ثابت‌ها google.maps.places.AttributionColor کتابخانه
"places"

گزینه‌های رنگ برای نوشتار انتساب Google Maps. اسناد را می‌توان برای استفاده از هریک از این رنگ‌ها سفارشی‌سازی کرد.

این ثابت‌ها به‌عنوان رشته نیز قابل‌استفاده هستند. در 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 رفتار پیش‌فرضی ندارد. یک شنونده رویداد به عنصر پیوست کنید تا رفتار آن را تعریف کنید. به‌طور پیش‌فرض، دکمه در جایگاه 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
نشانی وبی که هنگام کلیک کردن روی پیوند باز می‌شود. این فقط زمانی استفاده می‌شود که مشخصه 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
PlaceLinkElement.action را ببینید.
actionAriaLabel
اختیاری
نوع: string optional
برچسب ARIA برای کنترل داخلی. کنترل‌های فقط نماد باید همیشه aria-label داشته باشند تا هدف و رفتار آن‌ها را توصیف کند. کنترل‌های ارائه‌شده در گوشه برچسبی را نشان نمی‌دهند، بنابراین توصیه می‌شود به‌جای برچسب برای کنترل‌های گوشه از aria-label استفاده شود.
href
اختیاری
نوع: string optional
PlaceLinkElement.href را ببینید.
label
اختیاری
نوع: string optional
برچسبی که باید در کنترل نمایش داده شود. برای پیوندهایی که نوع کنش ازپیش تعریف‌شده دارند، این مشخصه نادیده گرفته می‌شود. پیوندها و دکمه‌های ارائه‌شده در جایگاه گوشه کنش برچسبی را نمایش نمی‌دهند. توصیه می‌شود برای کنترل‌های گوشه، به‌جای آن از مشخصه action-aria-label استفاده کنید.
target
اختیاری
نوع: string optional
PlaceLinkElement.target را ببینید.

ثابت‌های ActionLinkType

ثابت‌ها 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

ثابت‌ها 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.