Places Widgets

PlaceAutocompleteElement class

google.maps.places.PlaceAutocompleteElement zajęcia

PlaceAutocompleteElement to podklasa HTMLElement, która udostępnia komponent interfejsu do interfejsu Places Autocomplete API.

Element PlaceAutocompleteElement automatycznie używa wewnętrznie AutocompleteSessionToken, aby grupować fazy zapytania i wyboru w wyszukiwaniu autouzupełniania użytkownika.

Pierwsze wywołanie Place.fetchFields na Place zwróconym przez PlacePrediction.toPlace będzie automatycznie zawierać token sesji użyty do pobrania PlacePrediction.

 Więcej informacji o działaniu sesji znajdziesz na stronie https://developers.google.com/maps/documentation/places/web-service/place-session-tokens.

Element niestandardowy:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceAutocompleteElementOptions.

Dostęp przez połączenie pod numer const {PlaceAutocompleteElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceAutocompleteElement
PlaceAutocompleteElement(options)
Parametry: 
includedPrimaryTypes
Typ:  Array<string> optional
Zawiera podstawowy typ miejsca (np. „restaurant” lub „gas_station”).

Miejsce jest zwracane tylko wtedy, gdy jego główny typ znajduje się na tej liście. Możesz określić maksymalnie 5 wartości. Jeśli nie określisz żadnych typów, zwracane będą wszystkie typy miejsc.
Atrybut HTML:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
Typ:  Array<string> optional
Uwzględniaj tylko wyniki z określonych regionów, podanych jako maksymalnie 15 dwuznakowych kodów regionów CLDR. Pusty zbiór nie ograniczy wyników. Jeśli ustawisz zarówno locationRestriction, jak i includedRegionCodes, wyniki będą znajdować się w obszarze przecięcia.
Atrybut HTML:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
Typ:  LocationBias optional
Miękka granica lub wskazówka używana podczas wyszukiwania miejsc.
locationRestriction
Typ:  LocationRestriction optional
Granice ograniczające wyniki wyszukiwania.
name
Typ:  string optional
Nazwa elementu wejściowego. Szczegółowe informacje znajdziesz na stronie https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name. Działa tak samo jak atrybut name w przypadku danych wejściowych. Pamiętaj, że ta nazwa będzie używana po przesłaniu formularza. Szczegółowe informacje znajdziesz na stronie https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form.
Atrybut HTML:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
Punkt początkowy, od którego ma zostać obliczona odległość. Jeśli nie określisz tu żadnej wartości, odległość nie będzie obliczana. Wysokość, jeśli jest podana, nie jest uwzględniana w obliczeniach.
Atrybut HTML:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
requestedLanguage
Typ:  string optional
Identyfikator języka, w którym mają być zwracane wyniki (jeśli to możliwe). Wyniki w wybranym języku mogą mieć wyższą pozycję, ale sugestie nie są ograniczone do tego języka. Zobacz listę obsługiwanych języków.
Atrybut HTML:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
Typ:  string optional
Kod regionu używany do formatowania i filtrowania wyników. Nie ogranicza to sugestii do tego kraju. Kod regionu akceptuje 2-znakową wartość ccTLD („domena najwyższego poziomu”). Większość kodów ccTLD jest identyczna z kodami ISO 3166-1, z kilkoma istotnymi wyjątkami. Na przykład krajowa domena najwyższego poziomu Zjednoczonego Królestwa to „uk” (.co.uk), a kod ISO 3166-1 to „gb” (technicznie dla podmiotu „Zjednoczone Królestwo Wielkiej Brytanii i Irlandii Północnej”).
Atrybut HTML:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
Typ:  UnitSystem optional
Układ jednostek używany do wyświetlania odległości. Jeśli nie zostanie określony, system jednostek zostanie określony przez parametr requestedRegion.
Atrybut HTML:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
prediction-item
Element w menu prognoz, który reprezentuje pojedynczą prognozę.
prediction-item-icon
Ikona wyświetlana po lewej stronie każdego elementu na liście prognoz.
prediction-item-main-text
Część elementu prognozy, która jest głównym tekstem prognozy. W przypadku lokalizacji geograficznych zawiera nazwę miejsca, np. „Sydney”, lub nazwę ulicy i numer, np. „10 King Street”. Domyślnie tekst prediction-item-main-text jest czarny. Jeśli w elemencie prognozy znajduje się dodatkowy tekst, jest on umieszczony poza elementem prediction-item-main-text i dziedziczy styl z elementu prediction-item. Domyślnie jest on szary. Dodatkowy tekst to zwykle adres.
prediction-item-match
Część zwróconej prognozy, która pasuje do danych wpisanych przez użytkownika. Domyślnie pasujący tekst jest wyróżniony pogrubieniem. Pamiętaj, że dopasowany tekst może znajdować się w dowolnym miejscu w elemencie prognozy. Nie musi być częścią elementu prediction-item-main-text.
prediction-item-selected
Element, gdy użytkownik przechodzi do niego za pomocą klawiatury. Uwaga: na wybrane elementy będą miały wpływ zarówno style części, jak i style części elementu prognozy.
prediction-list
Element wizualny zawierający listę prognoz zwróconych przez usługę autouzupełniania miejsc. Ta lista pojawia się jako lista rozwijana pod elementem PlaceAutocompleteElement.
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-error
function(errorEvent)
Argumenty: 
To zdarzenie jest uruchamiane, gdy żądanie do backendu zostało odrzucone (np. z powodu nieprawidłowego klucza interfejsu API). To zdarzenie nie jest propagowane.
gmp-select
function(placePredictionSelectEvent)
Argumenty: 
To zdarzenie jest wywoływane, gdy użytkownik wybierze prognozę miejsca. Zawiera obiekt PlacePrediction, który można przekonwertować na obiekt Place.

PlaceAutocompleteElementOptions interfejs

google.maps.places.PlaceAutocompleteElementOptionsinterfejs

Opcje tworzenia elementu PlaceAutocompleteElement. Opis każdej właściwości znajdziesz w klasie PlaceAutocompleteElement.

locationBias optional
Typ:  LocationBias optional
locationRestriction optional
Typ:  LocationRestriction optional
name optional
Typ:  string optional
requestedLanguage optional
Typ:  string optional

PlacePredictionSelectEvent class

google.maps.places.PlacePredictionSelectEvent zajęcia

To zdarzenie jest tworzone po wybraniu przez użytkownika elementu prognozy za pomocą elementu PlaceAutocompleteElement. Otwórz zaznaczenie, klikając event.placePrediction.

Przekształć obiekt placePrediction w obiekt Place, wywołując funkcję PlacePrediction.toPlace.

Ta klasa rozszerza klasę Event.

Dostęp przez połączenie pod numer const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

placePrediction
Przekształć go w Place, dzwoniąc pod numer PlacePrediction.toPlace.

PlaceAutocompleteRequestErrorEvent class

google.maps.places.PlaceAutocompleteRequestErrorEvent zajęcia

To zdarzenie jest emitowane przez element PlaceAutocompleteElement, gdy wystąpi problem z żądaniem sieciowym.

Ta klasa rozszerza klasę Event.

Dostęp przez połączenie pod numer const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceContextualElement class

google.maps.places.PlaceContextualElement zajęcia

Widżet, który używa tokena kontekstu do wyświetlania kontekstowego widoku odpowiedzi Grounding z Mapami Google.

Element niestandardowy:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceContextualElementOptions.

Dostęp przez połączenie pod numer const {PlaceContextualElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

contextToken
Typ:  string optional
Token kontekstu.
Atrybut HTML:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceContextualElementOptions interfejs

google.maps.places.PlaceContextualElementOptionsinterfejs

Opcje dotyczące PlaceContextualElement.

contextToken optional
Typ:  string optional
Token kontekstu podany w odpowiedzi Grounding z Mapami Google.

Klasa PlaceContextualListConfigElement

google.maps.places.PlaceContextualListConfigElement zajęcia

Element HTML, który konfiguruje opcje widoku listy elementu kontekstowego miejsca.

Element niestandardowy:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceContextualListConfigElementOptions.

Dostęp przez połączenie pod numer const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

layout
układ,
Atrybut HTML:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
Typ:  boolean optional
Określa, czy mapa jest ukryta.
Atrybut HTML:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceContextualListConfigElementOptions interfejs

google.maps.places.PlaceContextualListConfigElementOptionsinterfejs

Opcje elementu PlaceContextualListConfigElement.

layout optional
układ, Wartość domyślna to PlaceContextualListLayout.VERTICAL.
mapHidden optional
Typ:  boolean optional
Określa, czy mapa jest ukryta. Domyślnie wyświetlana jest mapa (wartość false).

PlaceContextualListLayout stałe

google.maps.places.PlaceContextualListLayout stałe

Lista układów, które element kontekstowy miejsca obsługuje w widoku listy.

Dostęp przez połączenie pod numer const {PlaceContextualListLayout} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

COMPACT Kompaktowy układ listy: elementy listy są renderowane jako linki w jednym wierszu, a elementy, które się nie mieszczą, są wyświetlane na liście rozwijanej.
VERTICAL Układ listy pionowej: elementy listy są renderowane jako karty na liście pionowej.

PlaceDetailsElement class

google.maps.places.PlaceDetailsElement zajęcia

Element HTML, który wyświetla szczegóły miejsca. Aby określić treść do wyrenderowania, użyj metod configureFromPlace() lub configureFromLocation(). Aby używać elementu szczegółów miejsca, włącz interfejs Places UI Kit API w projekcie w konsoli Google Cloud.

Element niestandardowy:
<gmp-place-details size="small"></gmp-place-details>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceDetailsElementOptions.

Dostęp przez połączenie pod numer const {PlaceDetailsElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceDetailsElement
PlaceDetailsElement([options])
Parametry: 
place
Typ:  Place optional
Tylko do odczytu. Place obiekt zawierający identyfikator, lokalizację i obszar widoczny obecnie renderowanego miejsca.
size
Typ:  PlaceDetailsSize optional
Wariant rozmiaru elementu PlaceDetailsElement. Domyślnie element będzie wyświetlać symbol PlaceDetailsSize.X_LARGE.
Atrybut HTML:
  • <gmp-place-details size="small"></gmp-place-details>
  • <gmp-place-details size="medium"></gmp-place-details>
  • <gmp-place-details size="large"></gmp-place-details>
  • <gmp-place-details size="x-large"></gmp-place-details>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
configureFromLocation
configureFromLocation(location)
Parametry: 
  • locationLatLng|LatLngLiteral lokalizacja, dla której mają być renderowane szczegóły miejsca.
Wartość zwracana:  Promise<void> obietnica, która zostanie spełniona po wczytaniu i wyrenderowaniu danych o miejscu.
Konfiguruje widżet na podstawie LatLng za pomocą geokodowania zwrotnego.
configureFromPlace
configureFromPlace(place)
Parametry: 
  • placePlace|{id:string} Miejsce, w którym mają być wyświetlane szczegóły.
Wartość zwracana:  Promise<void> obietnica, która zostanie spełniona po wczytaniu i wyrenderowaniu danych o miejscu.
Konfiguruje widżet na podstawie obiektu Place lub identyfikatora miejsca.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-load
function(event)
Argumenty: 
To zdarzenie jest wywoływane, gdy element wczytuje i renderuje swoją zawartość. To zdarzenie nie jest propagowane.
gmp-requesterror
function(event)
Argumenty: 
To zdarzenie jest uruchamiane, gdy żądanie do backendu zostało odrzucone (np. z powodu nieprawidłowego klucza interfejsu API). To zdarzenie nie jest propagowane.

PlaceDetailsElementOptions interfejs

google.maps.places.PlaceDetailsElementOptionsinterfejs

Opcje dotyczące PlaceDetailsElement.

size optional
Typ:  PlaceDetailsSize optional

PlaceDetailsSize stałe

google.maps.places.PlaceDetailsSize stałe

Wersje rozmiarowe dla konta PlaceDetailsElement.

Dostęp przez połączenie pod numer const {PlaceDetailsSize} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

LARGE Duży wariant zawierający duży obraz, podstawowe informacje i dane kontaktowe.
MEDIUM Wersja średnia zawierająca duży obraz i podstawowe informacje.
SMALL Mały wariant zawierający mały obraz i podstawowe informacje.
X_LARGE Wersja bardzo duża, która zawiera kolaż zdjęć, opinie i szczegółowe informacje o miejscu.

PlaceDetailsCompactElement class

google.maps.places.PlaceDetailsCompactElement zajęcia

Wyświetla szczegóły miejsca w kompaktowym układzie. Dodaj znak PlaceDetailsPlaceRequestElement, aby określić miejsce, które ma być renderowane. Dodaj PlaceContentConfigElement, PlaceStandardContentElement lub PlaceAllContentElement, aby określić, które treści mają być renderowane.

 Aby używać tego elementu, włącz interfejs Places UI Kit API w projekcie w konsoli Google Cloud.

Element niestandardowy:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceDetailsCompactElementOptions.

Dostęp przez połączenie pod numer const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceDetailsCompactElement
PlaceDetailsCompactElement([options])
Parametry: 
orientation
Typ:  PlaceDetailsOrientation optional
Domyślnie: PlaceDetailsOrientation.VERTICAL
Wariant orientacji elementu (pionowy lub poziomy).
Atrybut HTML:
  • <gmp-place-details-compact orientation="vertical"></gmp-place-details-compact>
  • <gmp-place-details-compact orientation="horizontal"></gmp-place-details-compact>
place
Typ:  Place optional
Tylko do odczytu. Obiekt miejsca zawierający identyfikator, lokalizację i obszar widoczny obecnie renderowanego miejsca.
truncationPreferred
Typ:  boolean
Domyślnie: false
Jeśli ma wartość true, nazwa miejsca i adres są skracane, aby zmieściły się w jednym wierszu, zamiast być zawijane.
Atrybut HTML:
  • <gmp-place-details-compact truncation-preferred></gmp-place-details-compact>
--gmp-mat-color-info
Kolor elementów interfejsu z informacjami o wydźwięku. Używany w przypadku ikony wózka inwalidzkiego.
--gmp-mat-color-negative
Kolor elementów interfejsu o negatywnym wydźwięku. Używany w tekście „Zamknięte” w statusie „Otwarte”.
--gmp-mat-color-neutral-container
Kolor kontenera dla neutralnych wypełnionych elementów interfejsu. Służy do tworzenia symboli zastępczych obrazów.
--gmp-mat-color-on-secondary-container
Kolor tekstu i ikon na tle dodatkowego koloru kontenera. Używany w przypadku tekstu i ikon na przycisku „Otwórz w Mapach”.
--gmp-mat-color-on-surface
Kolor tekstu i ikon na dowolnym kolorze powierzchni. Używany w przypadku zwykłego tekstu.
--gmp-mat-color-on-surface-variant
Kolor o mniejszym kontraście w przypadku tekstu i ikon na dowolnym kolorze powierzchni. Używany w przypadku mniej wyróżnionego tekstu.
--gmp-mat-color-outline-decorative
Kolor obrysu elementów nieinteraktywnych. Używany w przypadku obramowania elementu.
--gmp-mat-color-positive
Kolor elementów interfejsu o pozytywnym wydźwięku. Używany w tekście „Otwarto” w statusie „Otwarto”.
--gmp-mat-color-primary
Kolor interaktywnego tekstu i ikon na tle koloru powierzchni. Używany do zliczania opinii i linków w oknie dialogowym atrybucji.
--gmp-mat-color-secondary-container
Mniej wyraźny kolor wypełnienia na powierzchni w przypadku komponentów recesywnych, takich jak przyciski tonalne. Używany jako tło przycisku „Otwórz w Mapach”.
--gmp-mat-color-surface
Kolor tła. Używany jako tło elementu i okna atrybucji.
--gmp-mat-font-body-medium
Used for body text in the attribution dialog.
--gmp-mat-font-body-small
Używane w przypadku adresu, oceny, typu, ceny i stanu „otwarte” miejsca.
--gmp-mat-font-family
Podstawowa rodzina czcionek używana w przypadku całego tekstu.
--gmp-mat-font-headline-medium
Używany w tekście nagłówka w oknie atrybucji.
--gmp-mat-font-label-large
Używany w przypadku przycisku „Otwórz w Mapach” i linków w oknie dialogowym atrybucji.
--gmp-mat-font-title-small
Używana w nazwie miejsca.
background-color
Zastępuje kolor tła elementu.
border
Zastępuje obramowanie elementu.
border-radius
Zastępuje promień obramowania elementu.
color-scheme
Wskazuje, w jakim schemacie kolorów można renderować ten element. Więcej informacji znajdziesz w color-scheme dokumentacji. Domyślna wartość to color-scheme: light dark.
font-size
Skaluje cały tekst i ikony w elemencie, które są zdefiniowane wewnętrznie w jednostkach em. Domyślna wartość to 16px.
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-error
function(event)
Argumenty: 
To zdarzenie jest uruchamiane, gdy żądanie do backendu zostało odrzucone (np. z powodu nieprawidłowego klucza interfejsu API). To zdarzenie nie jest propagowane.
gmp-load
function(event)
Argumenty: 
To zdarzenie jest wywoływane, gdy element wczytuje i renderuje swoją zawartość. To zdarzenie nie jest propagowane.

PlaceDetailsCompactElementOptions interfejs

google.maps.places.PlaceDetailsCompactElementOptionsinterfejs

Opcje dotyczące PlaceDetailsCompactElement.

orientation optional
Typ:  PlaceDetailsOrientation optional
truncationPreferred optional
Typ:  boolean optional

PlaceDetailsOrientation stałe

google.maps.places.PlaceDetailsOrientation stałe

Warianty orientacji dla PlaceDetailsCompactElement.

Dostęp przez połączenie pod numer const {PlaceDetailsOrientation} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

HORIZONTAL Orientacja pozioma.
VERTICAL Orientacja pionowa.

PlaceDetailsPlaceRequestElement class

google.maps.places.PlaceDetailsPlaceRequestElement zajęcia

Konfiguruje element Szczegóły miejsca w kompaktowej formie, aby wczytywał dane na podstawie obiektu miejsca, identyfikatora lub nazwy zasobu. Dołącz ten element jako element podrzędny elementu PlaceDetailsCompactElement, aby wczytać dane określonego miejsca.

Element niestandardowy:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceDetailsPlaceRequestElementOptions.

Dostęp przez połączenie pod numer const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceDetailsPlaceRequestElement
PlaceDetailsPlaceRequestElement([options])
Parametry: 
place
Typ:  Place optional
Obiekt miejsca, identyfikator lub nazwa zasobu, dla którego mają być renderowane szczegóły w kompaktowym elemencie szczegółów miejsca. Ta właściwość odzwierciedla atrybut jako nazwę zasobu.
Atrybut HTML:
  • <gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceDetailsPlaceRequestElementOptions interfejs

google.maps.places.PlaceDetailsPlaceRequestElementOptionsinterfejs

Opcje dotyczące PlaceDetailsPlaceRequestElement.

place optional
Typ:  Place|string optional

Klasa PlaceContentConfigElement

google.maps.places.PlaceContentConfigElement zajęcia

Konfiguruje treść, która ma być wyświetlana przez element Informacje o miejscu w wersji kompaktowej. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceDetailsCompactElement. Dołącz do elementu PlaceContentConfigElement dowolny z tych elementów, aby wyświetlić odpowiednią treść:
PlaceMediaElement, PlaceAddressElement, PlaceRatingElement, PlaceTypeElement, PlacePriceElement, PlaceAccessibleEntranceIconElement, PlaceOpenNowStatusElement, PlaceAttributionElement
Kolejność elementów podrzędnych nie ma znaczenia. Element renderuje treść w standardowej kolejności, której nie można dostosować.

Element niestandardowy:
<gmp-place-content-config></gmp-place-content-config>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceContentConfigElementOptions.

Dostęp przez połączenie pod numer const {PlaceContentConfigElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceContentConfigElement
PlaceContentConfigElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceContentConfigElementOptions interfejs

google.maps.places.PlaceContentConfigElementOptionsinterfejs

Opcje dotyczące PlaceContentConfigElement.

PlaceMediaElement class

google.maps.places.PlaceMediaElement zajęcia

Konfiguruje element Szczegóły miejsca w wersji kompaktowej, aby wyświetlać multimedia miejsca, np. zdjęcia. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement.

Element niestandardowy:
<gmp-place-media lightbox-preferred></gmp-place-media>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceMediaElementOptions.

Dostęp przez połączenie pod numer const {PlaceMediaElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceMediaElement
PlaceMediaElement([options])
Parametry: 
lightboxPreferred
Typ:  boolean optional
Domyślnie: false
Określa, czy włączyć lub wyłączyć lightboxa multimediów w przypadkach, gdy obie opcje są obsługiwane.
Atrybut HTML:
  • <gmp-place-media lightbox-preferred></gmp-place-media>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceMediaElementOptions interfejs

google.maps.places.PlaceMediaElementOptionsinterfejs

Opcje dotyczące PlaceMediaElement.

lightboxPreferred optional
Typ:  boolean optional

PlaceAddressElement class

google.maps.places.PlaceAddressElement zajęcia

Konfiguruje element Informacje o miejscu w wersji kompaktowej, aby wyświetlać adres miejsca. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement.

Element niestandardowy:
<gmp-place-address></gmp-place-address>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceAddressElementOptions.

Dostęp przez połączenie pod numer const {PlaceAddressElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceAddressElement
PlaceAddressElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceAddressElementOptions interfejs

google.maps.places.PlaceAddressElementOptionsinterfejs

Opcje dotyczące PlaceAddressElement.

PlaceRatingElement class

google.maps.places.PlaceRatingElement zajęcia

Konfiguruje element Informacje o miejscu w wersji kompaktowej, aby wyświetlać ocenę miejsca. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement.

Element niestandardowy:
<gmp-place-rating></gmp-place-rating>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceRatingElementOptions.

Dostęp przez połączenie pod numer const {PlaceRatingElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceRatingElement
PlaceRatingElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceRatingElementOptions interfejs

google.maps.places.PlaceRatingElementOptionsinterfejs

Opcje dotyczące PlaceRatingElement.

PlaceTypeElement class

google.maps.places.PlaceTypeElement zajęcia

Konfiguruje element Informacje o miejscu w wersji kompaktowej, aby wyświetlać typ miejsca. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement.

Element niestandardowy:
<gmp-place-type></gmp-place-type>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceTypeElementOptions.

Dostęp przez połączenie pod numer const {PlaceTypeElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceTypeElement
PlaceTypeElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceTypeElementOptions interfejs

google.maps.places.PlaceTypeElementOptionsinterfejs

Opcje dotyczące PlaceTypeElement.

PlacePriceElement class

google.maps.places.PlacePriceElement zajęcia

Konfiguruje element szczegółów miejsca w wersji kompaktowej, aby wyświetlać poziom cen lub przedział cenowy miejsca. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement.

Element niestandardowy:
<gmp-place-price></gmp-place-price>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlacePriceElementOptions.

Dostęp przez połączenie pod numer const {PlacePriceElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlacePriceElement
PlacePriceElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlacePriceElementOptions interfejs

google.maps.places.PlacePriceElementOptionsinterfejs

Opcje dotyczące PlacePriceElement.

PlaceAccessibleEntranceIconElement class

google.maps.places.PlaceAccessibleEntranceIconElement zajęcia

Konfiguruje element Szczegóły miejsca w wersji kompaktowej, aby wyświetlać ikonę wózka inwalidzkiego, jeśli miejsce ma wejście z ułatwieniami dostępu. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement.

Element niestandardowy:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceAccessibleEntranceIconElementOptions.

Dostęp przez połączenie pod numer const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceAccessibleEntranceIconElementOptions interfejs

google.maps.places.PlaceAccessibleEntranceIconElementOptionsinterfejs

Opcje dotyczące PlaceAccessibleEntranceIconElement.

PlaceOpenNowStatusElement class

google.maps.places.PlaceOpenNowStatusElement zajęcia

Konfiguruje element kompaktowy szczegółów miejsca, aby wyświetlać bieżący stan otwarcia lub zamknięcia miejsca. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement.

Element niestandardowy:
<gmp-place-open-now-status></gmp-place-open-now-status>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceOpenNowStatusElementOptions.

Dostęp przez połączenie pod numer const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceOpenNowStatusElementOptions interfejs

google.maps.places.PlaceOpenNowStatusElementOptionsinterfejs

Opcje dotyczące PlaceOpenNowStatusElement.

PlaceAttributionElement class

google.maps.places.PlaceAttributionElement zajęcia

Umożliwia dostosowywanie tekstu atrybucji Map Google w kompaktowym elemencie szczegółów miejsca. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceContentConfigElement. Jeśli ten element zostanie pominięty, atrybucja będzie nadal wyświetlana w kolorach domyślnych.

Element niestandardowy:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceAttributionElementOptions.

Dostęp przez połączenie pod numer const {PlaceAttributionElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceAttributionElement
PlaceAttributionElement([options])
Parametry: 
darkSchemeColor
Typ:  AttributionColor optional
Domyślnie: AttributionColor.WHITE
Kolor atrybucji Map Google w trybie ciemnym.
Atrybut HTML:
  • <gmp-place-attribution dark-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="gray"></gmp-place-attribution>
lightSchemeColor
Typ:  AttributionColor optional
Domyślnie: AttributionColor.GRAY
Kolor atrybucji Map Google w trybie jasnym.
Atrybut HTML:
  • <gmp-place-attribution light-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="gray"></gmp-place-attribution>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceAttributionElementOptions interfejs

google.maps.places.PlaceAttributionElementOptionsinterfejs

Opcje dotyczące PlaceAttributionElement.

darkSchemeColor optional
Typ:  AttributionColor optional
lightSchemeColor optional
Typ:  AttributionColor optional

Stałe AttributionColor

google.maps.places.AttributionColor stałe

Opcje kolorów tekstu atrybucji w Mapach Google. Atrybucję można dostosować tak, aby używała dowolnego z tych kolorów.

Dostęp przez połączenie pod numer const {AttributionColor} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

BLACK Czarny tekst źródła.
GRAY Szary tekst źródła.
WHITE Biały tekst źródła.

PlaceAllContentElement class

google.maps.places.PlaceAllContentElement zajęcia

Konfiguruje element Informacje o miejscu w wersji kompaktowej, aby wyświetlać wszystkie dostępne treści. Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceDetailsCompactElement.

Element niestandardowy:
<gmp-place-all-content></gmp-place-all-content>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceAllContentElementOptions.

Dostęp przez połączenie pod numer const {PlaceAllContentElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceAllContentElement
PlaceAllContentElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceAllContentElementOptions interfejs

google.maps.places.PlaceAllContentElementOptionsinterfejs

Opcje dotyczące PlaceAllContentElement.

PlaceStandardContentElement class

google.maps.places.PlaceStandardContentElement zajęcia

Konfiguruje element Szczegóły miejsca w wersji kompaktowej, aby wyświetlać standardowy zestaw treści (media, ocenę, typ, cenę, ikonę wejścia dla osób z niepełnosprawnością i stan „otwarte”). Aby użyć tego elementu, dołącz go jako element podrzędny elementu PlaceDetailsCompactElement.

Element niestandardowy:
<gmp-place-standard-content></gmp-place-standard-content>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceStandardContentElementOptions.

Dostęp przez połączenie pod numer const {PlaceStandardContentElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceStandardContentElement
PlaceStandardContentElement([options])
Parametry: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

PlaceStandardContentElementOptions interfejs

google.maps.places.PlaceStandardContentElementOptionsinterfejs

Opcje dotyczące PlaceStandardContentElement.

PlaceListElement class

google.maps.places.PlaceListElement zajęcia

Element HTML, który wyświetla wyniki wyszukiwania miejsca w formie listy. Aby określić żądanie, dla którego mają być renderowane wyniki, użyj metod configureFromSearchByTextRequest() lub configureFromSearchNearbyRequest(). Aby używać elementu listy miejsc, włącz interfejs Places UI Kit API w projekcie w konsoli Google Cloud.

Element niestandardowy:
<gmp-place-list selectable></gmp-place-list>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PlaceListElementOptions.

Dostęp przez połączenie pod numer const {PlaceListElement} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

PlaceListElement
PlaceListElement([options])
Parametry: 
places
Typ:  Array<Place>
Tylko do odczytu. Tablica obiektów Place zawierająca identyfikatory, lokalizacje i obszary widoku aktualnie renderowanych miejsc.
selectable
Typ:  boolean
Czy elementy listy można wybrać. Jeśli ma wartość true, elementy listy będą przyciskami, które po kliknięciu wysyłają zdarzenie gmp-placeselect. Obsługiwana jest też dostępna nawigacja i wybór za pomocą klawiatury.
Atrybut HTML:
  • <gmp-place-list selectable></gmp-place-list>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametry: 
  • typestring Ciąg znaków z uwzględnieniem wielkości liter reprezentujący typ zdarzenia, którego chcesz nasłuchiwać.
  • listenerEventListener|EventListenerObject obiekt, który otrzymuje powiadomienie; Musi to być funkcja lub obiekt z metodą handleEvent.
  • optionsboolean|AddEventListenerOptions optional zobacz opcje. Zdarzenia niestandardowe obsługują tylko capturepassive.
Zwracana wartość:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
configureFromSearchByTextRequest
configureFromSearchByTextRequest(request)
Parametry: 
  • requestSearchByTextRequest żądanie renderowania wyników. Właściwość fields elementu SearchByTextRequest nie jest wymagana.
Wartość zwracana:  Promise<void> obietnica, która zostanie spełniona po wczytaniu i wyrenderowaniu danych o miejscu.
Konfiguruje widżet tak, aby renderował wyniki wyszukiwania z żądania do interfejsu Places Text Search API.
configureFromSearchNearbyRequest
configureFromSearchNearbyRequest(request)
Parametry: 
  • requestSearchNearbyRequest żądanie renderowania wyników. Właściwość fields elementu SearchNearbyRequest nie jest wymagana.
Wartość zwracana:  Promise<void> obietnica, która zostanie spełniona po wczytaniu i wyrenderowaniu danych o miejscu.
Konfiguruje widżet tak, aby renderował wyniki wyszukiwania z żądania interfejsu Places Nearby Search API.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • typestring ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listenerEventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z obiektu docelowego zdarzenia.
  • optionsboolean|EventListenerOptions optional zobacz opcje.
Zwracana wartość:  void
Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-load
function(event)
Argumenty: 
To zdarzenie jest wywoływane, gdy element wczytuje i renderuje swoją zawartość. To zdarzenie nie jest propagowane.
gmp-placeselect
function(event)
Argumenty: 
To zdarzenie jest wywoływane, gdy użytkownik wybierze miejsce. Zawiera obiekt Place i indeks wybranego miejsca na liście.
gmp-requesterror
function(event)
Argumenty: 
To zdarzenie jest uruchamiane, gdy żądanie do backendu zostało odrzucone (np. z powodu nieprawidłowego klucza interfejsu API). To zdarzenie nie jest propagowane.

PlaceListElementOptions interfejs

google.maps.places.PlaceListElementOptionsinterfejs

Opcje dotyczące PlaceListElement.

selectable optional
Typ:  boolean optional

PlaceListPlaceSelectEvent class

google.maps.places.PlaceListPlaceSelectEvent zajęcia

To zdarzenie jest emitowane przez PlaceListElement, gdy użytkownik wybierze miejsce.

Ta klasa rozszerza klasę Event.

Dostęp przez połączenie pod numer const {PlaceListPlaceSelectEvent} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

index
Typ:  number
Indeks listy wybranego miejsca.
place
Typ:  Place
Obiekt Place zawierający identyfikator, lokalizację i obszar widoku wybranego miejsca.

Klasa Autocomplete

google.maps.places.Autocomplete zajęcia

Widżet, który na podstawie tekstu wpisanego przez użytkownika podaje prognozy dotyczące miejsc. Jest dołączony do elementu wejściowego typu text i nasłuchuje wpisywania tekstu w tym polu. Lista prognoz jest wyświetlana jako lista rozwijana i aktualizowana w miarę wpisywania tekstu.

Ta klasa rozszerza klasę MVCObject.

Dostęp przez połączenie pod numer const {Autocomplete} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

Autocomplete
Autocomplete(inputField[, opts])
Parametry: 
Tworzy nową instancję Autocomplete, która jest dołączana do określonego pola tekstowego z podanymi opcjami.
getBounds
getBounds()
Parametry: brak
Zwracana wartość:  LatLngBounds|undefined granice odchylenia.
Zwraca zakres, w którym prognozy są obciążone.
getFields
getFields()
Parametry: brak
Zwracana wartość:  Array<string>|undefined
Zwraca pola, które mają być uwzględnione w odpowiedzi ze szczegółami miejsca, gdy szczegóły zostaną pobrane. Listę pól znajdziesz na stronie PlaceResult.
getPlace
getPlace()
Parametry: brak
Wartość zwracana:  PlaceResult miejsce wybrane przez użytkownika.
Zwraca szczegóły miejsca wybranego przez użytkownika, jeśli zostały one pobrane. W przeciwnym razie zwraca obiekt Place z właściwością name ustawioną na bieżącą wartość pola wejściowego.
setBounds
setBounds(bounds)
Parametry: 
Zwracana wartość: brak
Określa preferowany obszar, w którym mają być zwracane wyniki dotyczące miejsc. Wyniki są ukierunkowane na ten obszar, ale nie są do niego ograniczone.
setComponentRestrictions
setComponentRestrictions(restrictions)
Parametry: 
Zwracana wartość: brak
Ustawia ograniczenia komponentu. Ograniczenia komponentu służą do ograniczania prognoz tylko do tych, które znajdują się w komponencie nadrzędnym. Na przykład kraj.
setFields
setFields(fields)
Parametry: 
  • fieldsArray<string> optional
Zwracana wartość: brak
Określa pola, które mają być uwzględnione w odpowiedzi ze szczegółami miejsca po ich pobraniu. Listę pól znajdziesz na stronie PlaceResult.
setOptions
setOptions(options)
Parametry: 
Zwracana wartość: brak
setTypes
setTypes(types)
Parametry: 
  • typesArray<string> optional typy prognoz, które mają być uwzględnione.
Zwracana wartość: brak
Określa typy prognoz, które mają być zwracane. Listę obsługiwanych typów znajdziesz w przewodniku dla programistów. Jeśli nie określisz typów, zostaną zwrócone wszystkie typy.
Odziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
place_changed
function()
Argumenty: brak
To zdarzenie jest wywoływane, gdy PlaceResult jest udostępniana w miejscu wybranym przez użytkownika.
Jeśli użytkownik wpisze nazwę miejsca, która nie została zasugerowana przez kontrolkę, i naciśnie klawisz Enter lub jeśli żądanie szczegółów miejsca nie powiedzie się, obiekt PlaceResult będzie zawierać dane wejściowe użytkownika we właściwości name bez zdefiniowanych innych właściwości.

AutocompleteOptions interfejs

google.maps.places.AutocompleteOptionsinterfejs

Opcje, które można ustawić w obiekcie Autocomplete.

bounds optional
Obszar, w którym chcesz wyszukać miejsca.
componentRestrictions optional
Typ:  ComponentRestrictions optional
Ograniczenia dotyczące komponentu. Ograniczenia komponentu służą do ograniczania prognoz tylko do tych, które znajdują się w komponencie nadrzędnym. Na przykład kraj.
fields optional
Typ:  Array<string> optional
Pola, które mają być uwzględnione w odpowiedzi ze szczegółami miejsca po ich pobraniu (za które zostanie naliczona opłata). Jeśli przekażesz wartość ['ALL'], zwracane będą wszystkie dostępne pola, za które będziesz płacić (nie jest to zalecane w przypadku wdrożeń produkcyjnych). Listę pól znajdziesz na stronie PlaceResult. Pola zagnieżdżone można określić za pomocą ścieżek z kropkami (np. "geometry.location"). Wartość domyślna to ['ALL'].
placeIdOnly optional
Typ:  boolean optional
Określa, czy mają być pobierane tylko identyfikatory miejsc. Obiekt PlaceResult udostępniany po wywołaniu zdarzenia place_changed będzie zawierać tylko pola place_id, types i name, a pola place_id, types i description będą zwracane przez usługę Autocomplete. Domyślnie wyłączona.
strictBounds optional
Typ:  boolean optional
Wartość logiczna wskazująca, że widżet autouzupełniania ma zwracać tylko te miejsca, które w momencie wysłania zapytania znajdują się w jego granicach. Ustawienie parametru strictBounds na false (wartość domyślna) spowoduje, że wyniki będą bardziej ukierunkowane na miejsca znajdujące się w granicach, ale nie będą się do nich ograniczać.
types optional
Typ:  Array<string> optional
Typy prognoz, które mają zostać zwrócone. Listę obsługiwanych typów znajdziesz w przewodniku dla programistów. Jeśli nie określisz typów, zostaną zwrócone wszystkie typy.

google.maps.places.SearchBox zajęcia

Widżet, który wyświetla prognozy zapytań na podstawie tekstu wpisanego przez użytkownika. Jest dołączony do elementu wejściowego typu text i nasłuchuje wpisywania tekstu w tym polu. Lista prognoz jest wyświetlana jako lista rozwijana i aktualizowana w miarę wpisywania tekstu.

Ta klasa rozszerza klasę MVCObject.

Dostęp przez połączenie pod numer const {SearchBox} = await google.maps.importLibrary("places").
 Zobacz Biblioteki w Maps JavaScript API.

SearchBox
SearchBox(inputField[, opts])
Parametry: 
Tworzy nową instancję SearchBox, która jest dołączana do określonego pola tekstowego z podanymi opcjami.
getBounds
getBounds()
Parametry: brak
Zwracana wartość:  LatLngBounds|undefined
Zwraca granice, do których są odchylone prognozy z zapytania.
getPlaces
getPlaces()
Parametry: brak
Zwracana wartość:  Array<PlaceResult>|undefined
Zwraca zapytanie wybrane przez użytkownika do użycia ze zdarzeniem places_changed.
setBounds
setBounds(bounds)
Parametry: 
Zwracana wartość: brak
Ustawia region, który ma być używany do określania prognoz zapytań. Wyniki będą tylko ukierunkowane na ten obszar, ale nie będą do niego całkowicie ograniczone.
Odziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
places_changed
function()
Argumenty: brak
To zdarzenie jest wywoływane, gdy użytkownik wybierze zapytanie. getPlaces powinno być używane do uzyskiwania nowych miejsc.

SearchBoxOptions interfejs

google.maps.places.SearchBoxOptionsinterfejs

Opcje, które można ustawić w obiekcie SearchBox.

bounds optional
Obszar, w którym mają być faworyzowane prognozy zapytań. Prognozy są ukierunkowane na zapytania dotyczące tych zakresów, ale nie są do nich ograniczone.