کلاس 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 |
پیشفرض:
nullاندازه رسانه ترجیحی در مواردی که از چند اندازه پشتیبانی میشود، مثل
PlaceSearchElement عمودی. اگر این مورد مشخص نشده باشد، PlaceSearchElement عمودی بهطور پیشفرض از MediaSize.SMALL استفاده خواهد کرد.مشخصه HTML: preferred-size="value-name" |
روشها | |
|---|---|
بهارثرسیده:
addEventListener،
removeEventListener
|
میانای PlaceMediaElementOptions
میانا
google.maps.places.PlaceMediaElementOptions
پیادهسازیشده توسط PlaceMediaElement
گزینههای PlaceMediaElement.
مشخصات | |
|---|---|
lightboxPreferred
اختیاری |
نوع:
boolean optionalPlaceMediaElement.lightboxPreferred را ببینید. |
preferredSize
اختیاری |
نوع:
MediaSize optionalPlaceMediaElement.preferredSize را ببینید. |
ثابتهای 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.WHITEرنگ ارجاع Google Maps در حالت تاریک.
مشخصه HTML: dark-scheme-color="value-name" |
lightSchemeColor
attr: light-scheme-color |
پیشفرض:
AttributionColor.GRAYرنگ ارجاع Google Maps در حالت روشن.
مشخصه HTML: light-scheme-color="value-name" |
روشها | |
|---|---|
بهارثرسیده:
addEventListener،
removeEventListener
|
میانای PlaceAttributionElementOptions
میانا
google.maps.places.PlaceAttributionElementOptions
پیادهسازیشده توسط PlaceAttributionElement
گزینههای PlaceAttributionElement.
مشخصات | |
|---|---|
darkSchemeColor
اختیاری |
نوع:
AttributionColor optionalPlaceAttributionElement.darkSchemeColor را ببینید. |
lightSchemeColor
اختیاری |
نوع:
AttributionColor optionalPlaceAttributionElement.lightSchemeColor را ببینید. |
ثابتهای 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 optionalPlaceLinkElement.action را ببینید. |
actionAriaLabel
اختیاری |
نوع:
string optionalبرچسب ARIA برای کنترل داخلی. کنترلهای فقط نماد باید همیشه aria-label داشته باشند تا هدف و رفتار آنها را توصیف کند. کنترلهای ارائهشده در گوشه برچسبی را نشان نمیدهند، بنابراین توصیه میشود بهجای برچسب برای کنترلهای گوشه از aria-label استفاده شود. |
href
اختیاری |
نوع:
string optionalPlaceLinkElement.href را ببینید. |
label
اختیاری |
نوع:
string optionalبرچسبی که باید در کنترل نمایش داده شود. برای پیوندهایی که نوع کنش ازپیش تعریفشده دارند، این مشخصه نادیده گرفته میشود. پیوندها و دکمههای ارائهشده در جایگاه گوشه کنش برچسبی را نمایش نمیدهند. توصیه میشود برای کنترلهای گوشه، بهجای آن از مشخصه action-aria-label استفاده کنید. |
target
اختیاری |
نوع:
string optionalPlaceLinkElement.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.