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.
Zespół | |
|---|---|
PlaceAutocompleteElement |
PlaceAutocompleteElement(options)Parametry:
|
Właściwości | |
|---|---|
includedPrimaryTypes |
Typ:
Array<string> optionalZawiera 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:
|
includedRegionCodes |
Typ:
Array<string> optionalUwzglę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:
|
locationBias |
Typ:
LocationBias optionalMiękka granica lub wskazówka używana podczas wyszukiwania miejsc. |
locationRestriction |
Typ:
LocationRestriction optionalGranice ograniczające wyniki wyszukiwania. |
name |
Typ:
string optionalNazwa 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:
|
origin |
Typ:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalPunkt 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:
|
requestedLanguage |
Typ:
string optionalIdentyfikator 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:
|
requestedRegion |
Typ:
string optionalKod 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:
|
unitSystem |
Typ:
UnitSystem optionalUkł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:
|
Części | |
|---|---|
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. |
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
Wydarzenia | |
|---|---|
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.
Właściwości | |
|---|---|
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.
Właściwości | |
|---|---|
placePrediction |
Typ:
PlacePredictionPrzekształć 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.
Właściwości | |
|---|---|
contextToken |
Typ:
string optionalToken kontekstu.
Atrybut HTML:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceContextualElementOptions interfejs
google.maps.places.PlaceContextualElementOptionsinterfejs
Opcje dotyczące PlaceContextualElement.
Właściwości | |
|---|---|
contextToken optional |
Typ:
string optionalToken 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.
Właściwości | |
|---|---|
layout |
Typ:
PlaceContextualListLayout optionalukład,
Atrybut HTML:
|
mapHidden |
Typ:
boolean optionalOkreśla, czy mapa jest ukryta.
Atrybut HTML:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceContextualListConfigElementOptions interfejs
google.maps.places.PlaceContextualListConfigElementOptionsinterfejs
Opcje elementu PlaceContextualListConfigElement.
Właściwości | |
|---|---|
layout optional |
Typ:
PlaceContextualListLayout optionalukład, Wartość domyślna to PlaceContextualListLayout.VERTICAL. |
mapHidden optional |
Typ:
boolean optionalOkreś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.
Stałe | |
|---|---|
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.
Zespół | |
|---|---|
PlaceDetailsElement |
PlaceDetailsElement([options])Parametry:
|
Właściwości | |
|---|---|
place |
Typ:
Place optionalTylko do odczytu. Place obiekt zawierający identyfikator, lokalizację i obszar widoczny obecnie renderowanego miejsca. |
size |
Typ:
PlaceDetailsSize optionalWariant rozmiaru elementu PlaceDetailsElement. Domyślnie element będzie wyświetlać symbol
PlaceDetailsSize.X_LARGE.Atrybut HTML:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje 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:
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:
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. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
Wydarzenia | |
|---|---|
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.
Właściwości | |
|---|---|
size optional |
Typ:
PlaceDetailsSize optionalZobacz: PlaceDetailsElement.size |
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.
Stałe | |
|---|---|
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.
Zespół | |
|---|---|
PlaceDetailsCompactElement |
PlaceDetailsCompactElement([options])Parametry:
|
Właściwości | |
|---|---|
orientation |
Typ:
PlaceDetailsOrientation optionalDomyślnie:
PlaceDetailsOrientation.VERTICALWariant orientacji elementu (pionowy lub poziomy).
Atrybut HTML:
|
place |
Typ:
Place optionalTylko do odczytu. Obiekt miejsca zawierający identyfikator, lokalizację i obszar widoczny obecnie renderowanego miejsca. |
truncationPreferred |
Typ:
booleanDomyślnie:
falseJeśli ma wartość true, nazwa miejsca i adres są skracane, aby zmieściły się w jednym wierszu, zamiast być zawijane.
Atrybut HTML:
|
Właściwości CSS | |
|---|---|
--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. |
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
Wydarzenia | |
|---|---|
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.
Właściwości | |
|---|---|
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.
Stałe | |
|---|---|
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.
Zespół | |
|---|---|
PlaceDetailsPlaceRequestElement |
PlaceDetailsPlaceRequestElement([options])Parametry:
|
Właściwości | |
|---|---|
place |
Typ:
Place optionalObiekt 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:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceDetailsPlaceRequestElementOptions interfejs
google.maps.places.PlaceDetailsPlaceRequestElementOptionsinterfejs
Opcje dotyczące PlaceDetailsPlaceRequestElement.
Właściwości | |
|---|---|
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.
Zespół | |
|---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceMediaElement |
PlaceMediaElement([options])Parametry:
|
Właściwości | |
|---|---|
lightboxPreferred |
Typ:
boolean optionalDomyślnie:
falseOkreśla, czy włączyć lub wyłączyć lightboxa multimediów w przypadkach, gdy obie opcje są obsługiwane.
Atrybut HTML:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceMediaElementOptions interfejs
google.maps.places.PlaceMediaElementOptionsinterfejs
Opcje dotyczące PlaceMediaElement.
Właściwości | |
|---|---|
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.
Zespół | |
|---|---|
PlaceAddressElement |
PlaceAddressElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceRatingElement |
PlaceRatingElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceTypeElement |
PlaceTypeElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlacePriceElement |
PlacePriceElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceAttributionElement |
PlaceAttributionElement([options])Parametry:
|
Właściwości | |
|---|---|
darkSchemeColor |
Typ:
AttributionColor optionalDomyślnie:
AttributionColor.WHITEKolor atrybucji Map Google w trybie ciemnym.
Atrybut HTML:
|
lightSchemeColor |
Typ:
AttributionColor optionalDomyślnie:
AttributionColor.GRAYKolor atrybucji Map Google w trybie jasnym.
Atrybut HTML:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceAttributionElementOptions interfejs
google.maps.places.PlaceAttributionElementOptionsinterfejs
Opcje dotyczące PlaceAttributionElement.
Właściwości | |
|---|---|
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.
Stałe | |
|---|---|
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.
Zespół | |
|---|---|
PlaceAllContentElement |
PlaceAllContentElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options])Parametry:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa 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.
Zespół | |
|---|---|
PlaceListElement |
PlaceListElement([options])Parametry:
|
Właściwości | |
|---|---|
places |
Tylko do odczytu. Tablica obiektów Place zawierająca identyfikatory, lokalizacje i obszary widoku aktualnie renderowanych miejsc. |
selectable |
Typ:
booleanCzy 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:
|
Metody | |
|---|---|
|
addEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidKonfiguruje 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:
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:
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. |
|
removeEventListener(type, listener[, options])Parametry:
Zwracana wartość:
voidUsuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
Wydarzenia | |
|---|---|
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.
Właściwości | |
|---|---|
selectable optional |
Typ:
boolean optionalZobacz: PlaceListElement.selectable |
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.
Właściwości | |
|---|---|
index |
Typ:
numberIndeks listy wybranego miejsca. |
place |
Typ:
PlaceObiekt 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.
Zespół | |
|---|---|
Autocomplete |
Autocomplete(inputField[, opts])Parametry:
Tworzy nową instancję Autocomplete, która jest dołączana do określonego pola tekstowego z podanymi opcjami. |
Metody | |
|---|---|
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>|undefinedZwraca 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:
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:
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
| |
Wydarzenia | |
|---|---|
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.
Właściwości | |
|---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral optionalObszar, w którym chcesz wyszukać miejsca. |
componentRestrictions optional |
Typ:
ComponentRestrictions optionalOgraniczenia 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> optionalPola, 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']. |
|
Typ:
boolean optionalOkreś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 optionalWartość 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> optionalTypy 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. |
SearchBox class
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.
Zespół | |
|---|---|
SearchBox |
SearchBox(inputField[, opts])Parametry:
Tworzy nową instancję SearchBox, która jest dołączana do określonego pola tekstowego z podanymi opcjami. |
Metody | |
|---|---|
getBounds |
getBounds()Parametry: brak
Zwracana wartość:
LatLngBounds|undefinedZwraca granice, do których są odchylone prognozy z zapytania. |
getPlaces |
getPlaces()Parametry: brak
Zwracana wartość:
Array<PlaceResult>|undefinedZwraca 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
| |
Wydarzenia | |
|---|---|
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.
Właściwości | |
|---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral optionalObszar, w którym mają być faworyzowane prognozy zapytań. Prognozy są ukierunkowane na zapytania dotyczące tych zakresów, ale nie są do nich ograniczone. |