Класс 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 optionalПосмотрите PlaceMediaElement.lightboxPreferred. |
preferredSize
необязательно |
Тип:
MediaSize optionalПосмотрите PlaceMediaElement.preferredSize. |
Константы MediaSize
константы
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.WHITE.Цвет атрибуции Google Карт в тёмной теме.
HTML-атрибут: dark-scheme-color="value-name" |
lightSchemeColor
attr: light-scheme-color |
По умолчанию:
AttributionColor.GRAY.Цвет атрибуции Google Карт в светлом режиме.
HTML-атрибут: light-scheme-color="value-name" |
Методы | |
|---|---|
Унаследованные:
addEventListener,
removeEventListener
|
Интерфейс PlaceAttributionElementOptions
интерфейс
google.maps.places.PlaceAttributionElementOptions
реализован PlaceAttributionElement
Параметры для игры "PlaceAttributionElement".
Свойства | |
|---|---|
darkSchemeColor
необязательно |
Тип:
AttributionColor optionalПосмотрите PlaceAttributionElement.darkSchemeColor. |
lightSchemeColor
необязательно |
Тип:
AttributionColor optionalПосмотрите PlaceAttributionElement.lightSchemeColor. |
Константы AttributionColor
константы
google.maps.places.AttributionColor
библиотека "places"
Варианты цвета для текста атрибуции Google Карт. Для атрибуции можно использовать любой из этих цветов.
Эти константы также можно использовать в качестве строк. В 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-corner, нет ярлыков. Для угловых элементов управления рекомендуется использовать атрибут
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-corner, нет ярлыков. Для угловых элементов управления рекомендуется использовать атрибут 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Тип действия, которое выполняется при нажатии на ссылку. Определяет ярлык, значок и целевой URL ссылки по умолчанию. Используйте тип
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-corner, нет ярлыков. Для угловых элементов управления рекомендуется использовать атрибут
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-corner, нет ярлыков. Для угловых элементов управления рекомендуется использовать атрибут action-aria-label. |
target
необязательно |
Тип:
string optionalПосмотрите PlaceLinkElement.target. |
Константы ActionLinkType
константы
google.maps.places.ActionLinkType
библиотека "places"
Действие, которое выполняется при нажатии на PlaceLinkElement. Определяет значок, ярлык и целевой URL.
Эти константы также можно использовать в качестве строк. В 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".