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> 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:
|
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:
|
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:
|
origin |
Typ:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional 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:
|
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:
|
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:
|
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:
|
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ść:
void Konfiguruje 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ść:
void Usuwa 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.PlaceAutocompleteElementOptions
interfejs
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:
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.
Właściwości | |
---|---|
contextToken |
Typ:
string optional Token kontekstu.
Atrybut HTML:
|
Metody | |
---|---|
|
addEventListener(type, listener[, options]) Parametry:
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. |
|
removeEventListener(type, listener[, options]) Parametry:
Zwracana wartość:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceContextualElementOptions interfejs
google.maps.places.PlaceContextualElementOptions
interfejs
Opcje dotyczące PlaceContextualElement
.
Właściwości | |
---|---|
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.
Właściwości | |
---|---|
layout |
Typ:
PlaceContextualListLayout optional układ,
Atrybut HTML:
|
mapHidden |
Typ:
boolean optional Określa, czy mapa jest ukryta.
Atrybut HTML:
|
Metody | |
---|---|
|
addEventListener(type, listener[, options]) Parametry:
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. |
|
removeEventListener(type, listener[, options]) Parametry:
Zwracana wartość:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceContextualListConfigElementOptions interfejs
google.maps.places.PlaceContextualListConfigElementOptions
interfejs
Opcje elementu PlaceContextualListConfigElement.
Właściwości | |
---|---|
layout optional |
Typ:
PlaceContextualListLayout 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.
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 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:
|
Metody | |
---|---|
|
addEventListener(type, listener[, options]) Parametry:
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:
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ść:
void Usuwa 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.PlaceDetailsElementOptions
interfejs
Opcje dotyczące PlaceDetailsElement
.
Właściwości | |
---|---|
size optional |
Typ:
PlaceDetailsSize optional Zobacz: 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 optional Domyślnie:
PlaceDetailsOrientation.VERTICAL Wariant orientacji elementu (pionowy lub poziomy).
Atrybut HTML:
|
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:
|
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ść:
void Konfiguruje 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ść:
void Usuwa 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.PlaceDetailsCompactElementOptions
interfejs
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 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:
|
Metody | |
---|---|
|
addEventListener(type, listener[, options]) Parametry:
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. |
|
removeEventListener(type, listener[, options]) Parametry:
Zwracana wartość:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceDetailsPlaceRequestElementOptions interfejs
google.maps.places.PlaceDetailsPlaceRequestElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceContentConfigElementOptions interfejs
google.maps.places.PlaceContentConfigElementOptions
interfejs
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 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:
|
Metody | |
---|---|
|
addEventListener(type, listener[, options]) Parametry:
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. |
|
removeEventListener(type, listener[, options]) Parametry:
Zwracana wartość:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceMediaElementOptions interfejs
google.maps.places.PlaceMediaElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceAddressElementOptions interfejs
google.maps.places.PlaceAddressElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceRatingElementOptions interfejs
google.maps.places.PlaceRatingElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceTypeElementOptions interfejs
google.maps.places.PlaceTypeElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlacePriceElementOptions interfejs
google.maps.places.PlacePriceElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceAccessibleEntranceIconElementOptions interfejs
google.maps.places.PlaceAccessibleEntranceIconElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceOpenNowStatusElementOptions interfejs
google.maps.places.PlaceOpenNowStatusElementOptions
interfejs
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 optional Domyślnie:
AttributionColor.WHITE Kolor atrybucji Map Google w trybie ciemnym.
Atrybut HTML:
|
lightSchemeColor |
Typ:
AttributionColor optional Domyślnie:
AttributionColor.GRAY Kolor atrybucji Map Google w trybie jasnym.
Atrybut HTML:
|
Metody | |
---|---|
|
addEventListener(type, listener[, options]) Parametry:
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. |
|
removeEventListener(type, listener[, options]) Parametry:
Zwracana wartość:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceAttributionElementOptions interfejs
google.maps.places.PlaceAttributionElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceAllContentElementOptions interfejs
google.maps.places.PlaceAllContentElementOptions
interfejs
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ść:
void Konfiguruje 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ść:
void Usuwa z obiektu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener. |
PlaceStandardContentElementOptions interfejs
google.maps.places.PlaceStandardContentElementOptions
interfejs
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:
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:
|
Metody | |
---|---|
|
addEventListener(type, listener[, options]) Parametry:
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:
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ść:
void Usuwa 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.PlaceListElementOptions
interfejs
Opcje dotyczące PlaceListElement
.
Właściwości | |
---|---|
selectable optional |
Typ:
boolean optional Zobacz: 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:
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.
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>|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:
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.AutocompleteOptions
interfejs
Opcje, które można ustawić w obiekcie Autocomplete
.
Właściwości | |
---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral 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'] . |
|
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. |
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|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
|
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.SearchBoxOptions
interfejs
Opcje, które można ustawić w obiekcie SearchBox
.
Właściwości | |
---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral 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. |