PlaceAutocompleteElement class
google.maps.places.PlaceAutocompleteElement
sınıf
PlaceAutocompleteElement, Places Autocomplete API için bir kullanıcı arayüzü bileşeni sağlayan bir HTMLElement
alt sınıfıdır.
PlaceAutocompleteElement, kullanıcının otomatik tamamlama aramasının sorgu ve seçim aşamalarını gruplandırmak için dahili olarak AutocompleteSessionToken
'leri otomatik olarak kullanır.
PlacePrediction.toPlace
tarafından döndürülen bir Place
üzerinde Place.fetchFields
için yapılan ilk çağrı, PlacePrediction
öğesini getirmek için kullanılan oturum jetonunu otomatik olarak içerir.
Oturumların nasıl çalıştığı hakkında daha fazla bilgi için https://developers.google.com/maps/documentation/places/web-service/place-session-tokens adresini ziyaret edin.
Özel öğe:
<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>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceAutocompleteElementOptions
öğesini uygular.
const {PlaceAutocompleteElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceAutocompleteElement |
PlaceAutocompleteElement(options) Parametreler:
|
Özellikler | |
---|---|
includedPrimaryTypes |
Tür:
Array<string> optional Birincil Yer türü (örneğin, "restaurant" veya "gas_station") dahil edilmelidir.
Bir yer yalnızca birincil türü bu listede yer alıyorsa döndürülür. En fazla 5 değer belirtilebilir. Tür belirtilmezse tüm yer türleri döndürülür. HTML özelliği:
|
includedRegionCodes |
Tür:
Array<string> optional Yalnızca belirtilen bölgelerdeki sonuçları dahil edin. En fazla 15 CLDR iki karakterli bölge kodu belirtilebilir. Boş bir küme sonuçları kısıtlamaz. Hem
locationRestriction hem de includedRegionCodes ayarlanırsa sonuçlar kesişim alanında yer alır.HTML özelliği:
|
locationBias |
Tür:
LocationBias optional Yer ararken kullanılacak yumuşak bir sınır veya ipucu. |
locationRestriction |
Tür:
LocationRestriction optional Arama sonuçlarını sınırlamak için kullanılan sınırlar. |
name |
Tür:
string optional Giriş öğesi için kullanılacak ad. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name adresine bakın. Girişler için ad özelliğiyle aynı davranışı gösterir. Bu adın, form gönderildiğinde kullanılacağını unutmayın. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form adresine bakın.
HTML özelliği:
|
origin |
Tür:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Mesafenin hesaplanacağı başlangıç noktası. Belirtilmemişse mesafe hesaplanmaz. Verilmişse yükseklik hesaplamada kullanılmaz.
HTML özelliği:
|
requestedLanguage |
Tür:
string optional Mümkünse sonuçların döndürülmesi gereken dil için bir dil tanımlayıcısı. Seçilen dildeki sonuçlar daha yüksek bir sıralama alabilir ancak öneriler bu dille sınırlı değildir. Desteklenen dillerin listesine bakın.
HTML özelliği:
|
requestedRegion |
Tür:
string optional Sonuç biçimlendirmesi ve sonuç filtreleme için kullanılan bir bölge kodu. Öneriler bu ülke ile sınırlı değildir. Bölge kodu, ccTLD ("üst düzey alan") iki karakterlik değerini kabul eder. Çoğu ccTLD kodu, ISO 3166-1 kodlarıyla aynıdır ancak bazı önemli istisnalar vardır. Örneğin, Birleşik Krallık'ın ccTLD'si "uk" (
.co.uk ), ISO 3166-1 kodu ise "gb"dir (teknik olarak "Büyük Britanya ve Kuzey İrlanda Birleşik Krallığı" için).HTML özelliği:
|
unitSystem |
Tür:
UnitSystem optional Mesafeleri göstermek için kullanılan birim sistemi. Belirtilmezse birim sistemi, requestedRegion tarafından belirlenir.
HTML özelliği:
|
Parçalar | |
---|---|
prediction-item |
Tahminler açılır listesindeki tek bir tahmini temsil eden öğe. |
prediction-item-icon |
Tahminler listesindeki her öğenin solunda gösterilen simge. |
prediction-item-main-text |
Tahminin ana metni olan tahmin öğesi bölümü. Coğrafi konumlar için bu, "Sydney" gibi bir yer adı veya "10 King Street" gibi bir sokak adı ve numarası içerir. Tahmin öğesi ana metni varsayılan olarak siyah renklidir. Tahmin öğesinde başka metin varsa bu metin prediction-item-main-text dışında yer alır ve stilini prediction-item'dan alır. Varsayılan olarak gri renktedir. Ek metin genellikle bir adrestir. |
prediction-item-match |
Döndürülen tahminde kullanıcının girişiyle eşleşen kısım. Varsayılan olarak, eşleşen bu metin kalın yazıyla vurgulanır. Eşleşen metnin prediction-item içinde herhangi bir yerde olabileceğini unutmayın. prediction-item-main-text öğesinin bir parçası olması gerekmez. |
prediction-item-selected |
Kullanıcı klavye aracılığıyla öğeye gittiğinde. Not: Seçilen öğeler hem bu parça stillerinden hem de tahmin öğesi parça stillerinden etkilenir. |
prediction-list |
Yer Otomatik Tamamlama hizmeti tarafından döndürülen tahminlerin listesini içeren görsel öğe. Bu liste, PlaceAutocompleteElement'in altında açılır liste olarak görünür. |
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Etkinlikler | |
---|---|
gmp-error |
function(errorEvent) Bağımsız değişkenler:
Bu etkinlik, arka uca yapılan bir istek reddedildiğinde (ör. API anahtarı yanlış olduğunda) tetiklenir. Bu etkinlik gruplandırılmaz. |
gmp-select |
function(placePredictionSelectEvent) Bağımsız değişkenler:
Bu etkinlik, kullanıcı bir yer tahmini seçtiğinde tetiklenir. PlacePrediction nesnesi içerir. Bu nesne, Place nesnesine dönüştürülebilir. |
PlaceAutocompleteElementOptions arayüzü
google.maps.places.PlaceAutocompleteElementOptions
arayüz
PlaceAutocompleteElement oluşturma seçenekleri. Her özelliğin açıklaması için PlaceAutocompleteElement sınıfındaki aynı adlı özelliğe bakın.
Özellikler | |
---|---|
locationBias optional |
Tür:
LocationBias optional |
locationRestriction optional |
Tür:
LocationRestriction optional |
name optional |
Tür:
string optional |
requestedLanguage optional |
Tür:
string optional |
PlacePredictionSelectEvent sınıfı
google.maps.places.PlacePredictionSelectEvent
sınıf
Bu etkinlik, kullanıcı PlaceAutocompleteElement ile bir tahmin öğesi seçtikten sonra oluşturulur. event.placePrediction
ile seçime erişin.
PlacePrediction.toPlace
işlevini çağırarak placePrediction'ı Place
öğesine dönüştürün.
Bu sınıfın süresi Event
tarihinde sona eriyor.
const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Özellikler | |
---|---|
placePrediction |
Tür:
PlacePrediction PlacePrediction.toPlace numaralı telefonu arayarak bunu Place 'ya dönüştürün. |
PlaceAutocompleteRequestErrorEvent class
google.maps.places.PlaceAutocompleteRequestErrorEvent
sınıf
Bu etkinlik, ağ isteğiyle ilgili bir sorun olduğunda PlaceAutocompleteElement tarafından yayınlanır.
Bu sınıfın süresi Event
tarihinde sona eriyor.
const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
PlaceContextualElement sınıfı
google.maps.places.PlaceContextualElement
sınıf
Google Haritalar ile Temellendirme yanıtının bağlamsal görünümünü göstermek için bağlam jetonunu kullanan bir widget.
Özel öğe:
<gmp-place-contextual context-token="string"></gmp-place-contextual>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceContextualElementOptions
öğesini uygular.
const {PlaceContextualElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Özellikler | |
---|---|
contextToken |
Tür:
string optional Bağlam jetonu.
HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceContextualElementOptions arayüzü
google.maps.places.PlaceContextualElementOptions
arayüz
PlaceContextualElement
için seçenekler.
Özellikler | |
---|---|
contextToken optional |
Tür:
string optional Google Haritalar ile Temellendirme yanıtı tarafından sağlanan bağlam jetonu. |
PlaceContextualListConfigElement class
google.maps.places.PlaceContextualListConfigElement
sınıf
Yer İçeriğe Dayalı Öğesi'nin liste görünümü için seçenekleri yapılandıran bir HTML öğesi.
Özel öğe:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceContextualListConfigElementOptions
öğesini uygular.
const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Özellikler | |
---|---|
layout |
Tür:
PlaceContextualListLayout optional Düzen.
HTML özelliği:
|
mapHidden |
Tür:
boolean optional Haritanın gizlenip gizlenmediği
HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceContextualListConfigElementOptions arayüzü
google.maps.places.PlaceContextualListConfigElementOptions
arayüz
PlaceContextualListConfigElement için seçenekler.
Özellikler | |
---|---|
layout optional |
Tür:
PlaceContextualListLayout optional Düzen. PlaceContextualListLayout.VERTICAL varsayılandır. |
mapHidden optional |
Tür:
boolean optional Haritanın gizlenip gizlenmediği Varsayılan olarak harita gösterilir (değer: false). |
PlaceContextualListLayout sabitleri
google.maps.places.PlaceContextualListLayout
sabitler
Yer İçerik Öğesi'nin liste görünümü için desteklediği düzenlerin listesi.
const {PlaceContextualListLayout} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
---|---|
COMPACT |
Kompakt liste düzeni: Liste öğeleri tek bir satırda bağlantı olarak oluşturulur ve taşmalar bir açılır listede gösterilir. |
VERTICAL |
Dikey liste düzeni: Liste öğeleri, dikey bir listede kart olarak oluşturulur. |
PlaceDetailsElement class
google.maps.places.PlaceDetailsElement
sınıf
Bir yerle ilgili ayrıntıları gösteren HTML öğesi. Oluşturulacak içeriği belirtmek için configureFromPlace()
veya configureFromLocation()
yöntemlerini kullanın. Yer Ayrıntıları Öğesi'ni kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.
Özel öğe:
<gmp-place-details size="small"></gmp-place-details>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceDetailsElementOptions
öğesini uygular.
const {PlaceDetailsElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceDetailsElement |
PlaceDetailsElement([options]) Parametreler:
|
Özellikler | |
---|---|
place |
Tür:
Place optional Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görünüm alanını içeren Place nesnesi. |
size |
Tür:
PlaceDetailsSize optional PlaceDetailsElement'in boyut varyantı. Öğe, varsayılan olarak
PlaceDetailsSize.X_LARGE simgesini gösterir.HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
configureFromLocation |
configureFromLocation(location) Parametreler:
Dönüş Değeri:
Promise<void> Yer verileri yüklendikten ve oluşturulduktan sonra çözümlenen bir söz.Ters coğrafi kodlama kullanarak widget'ı LatLng konumundan yapılandırır. |
configureFromPlace |
configureFromPlace(place) Parametreler:
Dönüş Değeri:
Promise<void> Yer verileri yüklendikten ve oluşturulduktan sonra çözümlenen bir söz.Widget'ı bir Place nesnesinden veya yer kimliğinden yapılandırır. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Etkinlikler | |
---|---|
gmp-load |
function(event) Bağımsız değişkenler:
Bu etkinlik, öğe yüklenip içeriğini oluşturduğunda tetiklenir. Bu etkinlik gruplandırılmaz. |
gmp-requesterror |
function(event) Bağımsız değişkenler:
Bu etkinlik, arka uca yapılan bir istek reddedildiğinde (ör. API anahtarı yanlış olduğunda) tetiklenir. Bu etkinlik gruplandırılmaz. |
PlaceDetailsElementOptions arayüzü
google.maps.places.PlaceDetailsElementOptions
arayüz
PlaceDetailsElement
için seçenekler.
Özellikler | |
---|---|
size optional |
Tür:
PlaceDetailsSize optional Göz atın: PlaceDetailsElement.size |
PlaceDetailsSize sabitleri
google.maps.places.PlaceDetailsSize
sabitler
PlaceDetailsElement
için boyut varyantları.
const {PlaceDetailsSize} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
---|---|
LARGE |
Büyük resim, temel bilgiler ve iletişim bilgilerini içeren büyük varyant. |
MEDIUM |
Büyük bir resim ve temel bilgileri içeren orta varyant. |
SMALL |
Küçük resim ve temel bilgileri içeren küçük varyant. |
X_LARGE |
Fotoğraf kolajı, yorumlar ve kapsamlı yer bilgileri içeren ekstra büyük varyant. |
PlaceDetailsCompactElement class
google.maps.places.PlaceDetailsCompactElement
sınıf
Bir yerle ilgili ayrıntıları kompakt bir düzende gösterir. Oluşturulacak yeri belirtmek için PlaceDetailsPlaceRequestElement
ekleyin. Hangi içeriğin oluşturulacağını belirtmek için PlaceContentConfigElement
, PlaceStandardContentElement
veya PlaceAllContentElement
ekleyin.
Bu öğeyi kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.
Özel öğe:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceDetailsCompactElementOptions
öğesini uygular.
const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceDetailsCompactElement |
PlaceDetailsCompactElement([options]) Parametreler:
|
Özellikler | |
---|---|
orientation |
Tür:
PlaceDetailsOrientation optional Varsayılan:
PlaceDetailsOrientation.VERTICAL Öğenin yön varyantı (dikey veya yatay).
HTML özelliği:
|
place |
Tür:
Place optional Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görünüm alanını içeren yer nesnesi. |
truncationPreferred |
Tür:
boolean Varsayılan:
false Doğruysa yer adı ve adresi, kaydırmak yerine tek satıra sığacak şekilde kısaltır.
HTML özelliği:
|
CSS Özellikleri | |
---|---|
--gmp-mat-color-info |
Bilgi içeren duygusal öğelerin rengi. Tekerlekli sandalye simgesi için kullanılır. |
--gmp-mat-color-negative |
Olumsuz duyguya sahip kullanıcı arayüzü öğelerinin rengi. Şu anda açık durumu için "Kapalı" metninde kullanılır. |
--gmp-mat-color-neutral-container |
Nötr dolgulu kullanıcı arayüzü öğeleri için kapsayıcı rengi. Resim yer tutucular için kullanılır. |
--gmp-mat-color-on-secondary-container |
İkincil kapsayıcı rengine karşı metin ve simge rengi. "Haritalar'da aç" düğmesindeki metin ve simgeler için kullanılır. |
--gmp-mat-color-on-surface |
Herhangi bir yüzey rengine karşı metin ve simge rengi. Normal metin için kullanılır. |
--gmp-mat-color-on-surface-variant |
Herhangi bir yüzey rengine karşı metin ve simgeler için daha az vurgulu renk. Daha az vurgulanan metinler için kullanılır. |
--gmp-mat-color-outline-decorative |
Etkileşimli olmayan öğelerin ana hat rengi. Öğenin kenarlığı için kullanılır. |
--gmp-mat-color-positive |
Olumlu duyguya sahip kullanıcı arayüzü öğelerinin rengi. Şu anda açık durumu için "Açık" metninde kullanılır. |
--gmp-mat-color-primary |
Yüzey rengine göre etkileşimli metin ve simgelerin rengi. İlişkilendirme iletişim kutusundaki yorum sayısı ve bağlantılar için kullanılır. |
--gmp-mat-color-secondary-container |
Ton düğmeleri gibi resesif bileşenler için yüzeye karşı daha az belirgin dolgu rengi. "Haritalar'da aç" düğmesinin arka planı için kullanılır. |
--gmp-mat-color-surface |
Arka planların rengi. Öğenin ve ilişkilendirme iletişim kutusunun arka planları için kullanılır. |
--gmp-mat-font-body-medium |
İlişkilendirme iletişim kutusundaki gövde metni için kullanılır. |
--gmp-mat-font-body-small |
Yer adresi, puanı, türü, fiyatı ve şu anda açık durumu için kullanılır. |
--gmp-mat-font-family |
Tüm metinler için kullanılan temel yazı tipi ailesi. |
--gmp-mat-font-headline-medium |
İlişkilendirme iletişim kutusundaki başlık metni için kullanılır. |
--gmp-mat-font-label-large |
Atıf iletişim kutusundaki "Haritalar'da aç" düğmesi ve bağlantıları için kullanılır. |
--gmp-mat-font-title-small |
Yer adı için kullanılır. |
background-color |
Öğenin arka plan rengini geçersiz kılar. |
border |
Öğenin kenarlığını geçersiz kılar. |
border-radius |
Öğenin kenarlık yarıçapını geçersiz kılar. |
color-scheme |
Bu öğenin hangi renk şemasıyla oluşturulabileceğini gösterir. Daha fazla ayrıntı için color-scheme belgeleri inceleyin. Varsayılan olarak color-scheme: light dark değerine ayarlanır. |
font-size |
Öğedeki tüm metin ve simgeleri, dahili olarak em birimleriyle tanımlanmış şekilde ölçeklendirir. Varsayılan olarak 16px değerine ayarlanır. |
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Etkinlikler | |
---|---|
gmp-error |
function(event) Bağımsız değişkenler:
Bu etkinlik, arka uca yapılan bir istek reddedildiğinde (ör. API anahtarı yanlış olduğunda) tetiklenir. Bu etkinlik gruplandırılmaz. |
gmp-load |
function(event) Bağımsız değişkenler:
Bu etkinlik, öğe yüklenip içeriğini oluşturduğunda tetiklenir. Bu etkinlik gruplandırılmaz. |
PlaceDetailsCompactElementOptions arayüzü
google.maps.places.PlaceDetailsCompactElementOptions
arayüz
PlaceDetailsCompactElement
için seçenekler.
Özellikler | |
---|---|
orientation optional |
Tür:
PlaceDetailsOrientation optional Şu sayfaya göz atın: PlaceDetailsCompactElement.orientation . |
truncationPreferred optional |
Tür:
boolean optional Şu sayfaya göz atın: PlaceDetailsCompactElement.truncationPreferred . |
PlaceDetailsOrientation sabitleri
google.maps.places.PlaceDetailsOrientation
sabitler
PlaceDetailsCompactElement
için oryantasyon varyantları.
const {PlaceDetailsOrientation} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
---|---|
HORIZONTAL |
Yatay yön. |
VERTICAL |
Dikey yön. |
PlaceDetailsPlaceRequestElement class
google.maps.places.PlaceDetailsPlaceRequestElement
sınıf
Bir yer nesnesine, kimliğine veya kaynak adına göre veri yüklemek için Yer Ayrıntıları Compact öğesini yapılandırır. Belirtilen yerle ilgili verileri yüklemek için bu öğeyi PlaceDetailsCompactElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceDetailsPlaceRequestElementOptions
öğesini uygular.
const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceDetailsPlaceRequestElement |
PlaceDetailsPlaceRequestElement([options]) Parametreler:
|
Özellikler | |
---|---|
place |
Tür:
Place optional Yer Ayrıntıları Compact öğesinde ayrıntıların oluşturulacağı yer nesnesi, kimliği veya kaynak adı. Bu özellik, kaynağın adını yansıtır.
HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceDetailsPlaceRequestElementOptions arayüzü
google.maps.places.PlaceDetailsPlaceRequestElementOptions
arayüz
PlaceDetailsPlaceRequestElement
için seçenekler.
Özellikler | |
---|---|
place optional |
Tür:
Place|string optional Göz atın: PlaceDetailsPlaceRequestElement.place |
PlaceContentConfigElement sınıfı
google.maps.places.PlaceContentConfigElement
sınıf
Bir yer ayrıntıları kompakt öğesi tarafından gösterilecek içeriği yapılandırır. Bu öğeyi kullanmak için PlaceDetailsCompactElement
öğesinin alt öğesi olarak ekleyin. İlgili içeriği göstermek için PlaceContentConfigElement
öğesine aşağıdaki öğelerden herhangi birini ekleyin:
PlaceMediaElement
, PlaceAddressElement
, PlaceRatingElement
, PlaceTypeElement
, PlacePriceElement
, PlaceAccessibleEntranceIconElement
, PlaceOpenNowStatusElement
, PlaceAttributionElement
Alt öğelerin sırası önemli değildir. Öğeler, içeriği özelleştirilemeyen standart bir sırada oluşturur.
Özel öğe:
<gmp-place-content-config></gmp-place-content-config>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceContentConfigElementOptions
öğesini uygular.
const {PlaceContentConfigElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceContentConfigElementOptions arayüzü
google.maps.places.PlaceContentConfigElementOptions
arayüz
PlaceContentConfigElement
için seçenekler.
PlaceMediaElement class
google.maps.places.PlaceMediaElement
sınıf
Bir yerin fotoğraflar gibi medyalarını göstermek için Yer Ayrıntıları Compact öğesini yapılandırır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-media lightbox-preferred></gmp-place-media>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceMediaElementOptions
öğesini uygular.
const {PlaceMediaElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceMediaElement |
PlaceMediaElement([options]) Parametreler:
|
Özellikler | |
---|---|
lightboxPreferred |
Tür:
boolean optional Varsayılan:
false Her iki seçeneğin de desteklendiği durumlarda medya lightbox'ının etkinleştirilip etkinleştirilmeyeceği.
HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceMediaElementOptions arayüzü
google.maps.places.PlaceMediaElementOptions
arayüz
PlaceMediaElement
için seçenekler.
Özellikler | |
---|---|
lightboxPreferred optional |
Tür:
boolean optional Şu sayfaya göz atın: PlaceMediaElement.lightboxPreferred . |
PlaceAddressElement sınıfı
google.maps.places.PlaceAddressElement
sınıf
Bir yerin adresini göstermek için Yer Ayrıntıları Compact öğesini yapılandırır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-address></gmp-place-address>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceAddressElementOptions
öğesini uygular.
const {PlaceAddressElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceAddressElement |
PlaceAddressElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceAddressElementOptions arayüzü
google.maps.places.PlaceAddressElementOptions
arayüz
PlaceAddressElement
için seçenekler.
PlaceRatingElement class
google.maps.places.PlaceRatingElement
sınıf
Bir yerin puanını göstermek için Yer Ayrıntıları Compact öğesini yapılandırır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-rating></gmp-place-rating>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceRatingElementOptions
öğesini uygular.
const {PlaceRatingElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceRatingElement |
PlaceRatingElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceRatingElementOptions arayüzü
google.maps.places.PlaceRatingElementOptions
arayüz
PlaceRatingElement
için seçenekler.
PlaceTypeElement class
google.maps.places.PlaceTypeElement
sınıf
Bir yerin türünü göstermek için Yer Ayrıntıları Compact öğesini yapılandırır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-type></gmp-place-type>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceTypeElementOptions
öğesini uygular.
const {PlaceTypeElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceTypeElement |
PlaceTypeElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceTypeElementOptions arayüzü
google.maps.places.PlaceTypeElementOptions
arayüz
PlaceTypeElement
için seçenekler.
PlacePriceElement class
google.maps.places.PlacePriceElement
sınıf
Bir yerin fiyat düzeyini veya fiyat aralığını göstermek için Yer Ayrıntıları Compact öğesini yapılandırır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-price></gmp-place-price>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlacePriceElementOptions
öğesini uygular.
const {PlacePriceElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlacePriceElement |
PlacePriceElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlacePriceElementOptions interface
google.maps.places.PlacePriceElementOptions
arayüz
PlacePriceElement
için seçenekler.
PlaceAccessibleEntranceIconElement class
google.maps.places.PlaceAccessibleEntranceIconElement
sınıf
Yer ayrıntıları kompakt öğesini, yerin erişilebilir girişi varsa tekerlekli sandalye simgesi gösterecek şekilde yapılandırır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceAccessibleEntranceIconElementOptions
öğesini uygular.
const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceAccessibleEntranceIconElementOptions arayüzü
google.maps.places.PlaceAccessibleEntranceIconElementOptions
arayüz
PlaceAccessibleEntranceIconElement
için seçenekler.
PlaceOpenNowStatusElement sınıfı
google.maps.places.PlaceOpenNowStatusElement
sınıf
Bir yerin mevcut açık veya kapalı durumunu göstermek için Yer Ayrıntıları Kompakt öğesini yapılandırır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-open-now-status></gmp-place-open-now-status>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceOpenNowStatusElementOptions
öğesini uygular.
const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceOpenNowStatusElementOptions arayüzü
google.maps.places.PlaceOpenNowStatusElementOptions
arayüz
PlaceOpenNowStatusElement
için seçenekler.
PlaceAttributionElement sınıfı
google.maps.places.PlaceAttributionElement
sınıf
Yer Ayrıntıları Kompakt öğesinde Google Haritalar ilişkilendirme metninin özelleştirilmesine olanak tanır. Bu öğeyi kullanmak için PlaceContentConfigElement
öğesinin alt öğesi olarak ekleyin. Bu öğe atlanırsa atıf varsayılan renklerle gösterilmeye devam eder.
Özel öğe:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceAttributionElementOptions
öğesini uygular.
const {PlaceAttributionElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceAttributionElement |
PlaceAttributionElement([options]) Parametreler:
|
Özellikler | |
---|---|
darkSchemeColor |
Tür:
AttributionColor optional Varsayılan:
AttributionColor.WHITE Koyu modda Google Haritalar ilişkilendirmesinin rengi.
HTML özelliği:
|
lightSchemeColor |
Tür:
AttributionColor optional Varsayılan:
AttributionColor.GRAY Açık modda Google Haritalar ilişkilendirmesinin rengi.
HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceAttributionElementOptions arayüzü
google.maps.places.PlaceAttributionElementOptions
arayüz
PlaceAttributionElement
için seçenekler.
Özellikler | |
---|---|
darkSchemeColor optional |
Tür:
AttributionColor optional Şu sayfaya göz atın: PlaceAttributionElement.darkSchemeColor . |
lightSchemeColor optional |
Tür:
AttributionColor optional Şu sayfaya göz atın: PlaceAttributionElement.lightSchemeColor . |
AttributionColor sabitleri
google.maps.places.AttributionColor
sabitler
Google Haritalar atıf metni için renk seçenekleri. İlişkilendirme, bu renklerden herhangi birini kullanacak şekilde özelleştirilebilir.
const {AttributionColor} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
---|---|
BLACK |
Siyah atıf metni. |
GRAY |
Gri atıf metni. |
WHITE |
Beyaz atıf metni. |
PlaceAllContentElement class
google.maps.places.PlaceAllContentElement
sınıf
Mevcut tüm içeriği gösterecek şekilde Yer Ayrıntıları Compact öğesini yapılandırır. Bu öğeyi kullanmak için PlaceDetailsCompactElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-all-content></gmp-place-all-content>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceAllContentElementOptions
öğesini uygular.
const {PlaceAllContentElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceAllContentElement |
PlaceAllContentElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceAllContentElementOptions arayüzü
google.maps.places.PlaceAllContentElementOptions
arayüz
PlaceAllContentElement
için seçenekler.
PlaceStandardContentElement sınıfı
google.maps.places.PlaceStandardContentElement
sınıf
Standart bir içerik grubu (medya, puan, tür, fiyat, engelli girişi simgesi ve şu anda açık durumu) göstermek için Yer Ayrıntıları Kompakt öğesini yapılandırır. Bu öğeyi kullanmak için PlaceDetailsCompactElement
öğesinin alt öğesi olarak ekleyin.
Özel öğe:
<gmp-place-standard-content></gmp-place-standard-content>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceStandardContentElementOptions
öğesini uygular.
const {PlaceStandardContentElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options]) Parametreler:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
PlaceStandardContentElementOptions arayüzü
google.maps.places.PlaceStandardContentElementOptions
arayüz
PlaceStandardContentElement
için seçenekler.
PlaceListElement class
google.maps.places.PlaceListElement
sınıf
Bir yer aramasının sonuçlarını listede gösteren HTML öğesi. Sonuçların oluşturulacağı isteği belirtmek için configureFromSearchByTextRequest()
veya configureFromSearchNearbyRequest()
yöntemlerini kullanın. Yer Listesi Öğesi'ni kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.
Özel öğe:
<gmp-place-list selectable></gmp-place-list>
Bu sınıfın süresi HTMLElement
tarihinde sona eriyor.
Bu sınıf PlaceListElementOptions
öğesini uygular.
const {PlaceListElement} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
PlaceListElement |
PlaceListElement([options]) Parametreler:
|
Özellikler | |
---|---|
places |
Salt okunur. Şu anda oluşturulan yerlerin kimliklerini, konumlarını ve görünüm alanlarını içeren Place nesneleri dizisi. |
selectable |
Tür:
boolean Liste öğelerinin seçilebilir olup olmadığı. Doğruysa liste öğeleri, tıklandığında
gmp-placeselect etkinliğini gönderen düğmeler olur. Erişilebilir klavye navigasyonu ve seçimi de desteklenir.HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
configureFromSearchByTextRequest |
configureFromSearchByTextRequest(request) Parametreler:
Dönüş Değeri:
Promise<void> Yer verileri yüklendikten ve oluşturulduktan sonra çözümlenen bir söz.Widget'ı, Places Metin Arama API isteğinden gelen arama sonuçlarını oluşturacak şekilde yapılandırır. |
configureFromSearchNearbyRequest |
configureFromSearchNearbyRequest(request) Parametreler:
Dönüş Değeri:
Promise<void> Yer verileri yüklendikten ve oluşturulduktan sonra çözümlenen bir söz.Widget'ı, Places Yakında Arama API isteğinden gelen arama sonuçlarını oluşturacak şekilde yapılandırır. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Etkinlikler | |
---|---|
gmp-load |
function(event) Bağımsız değişkenler:
Bu etkinlik, öğe yüklenip içeriğini oluşturduğunda tetiklenir. Bu etkinlik gruplandırılmaz. |
gmp-placeselect |
function(event) Bağımsız değişkenler:
Bu etkinlik, kullanıcı bir yer seçtiğinde tetiklenir. Place nesnesini ve listede seçilen yerin dizinini içerir. |
gmp-requesterror |
function(event) Bağımsız değişkenler:
Bu etkinlik, arka uca yapılan bir istek reddedildiğinde (ör. API anahtarı yanlış olduğunda) tetiklenir. Bu etkinlik gruplandırılmaz. |
PlaceListElementOptions arayüzü
google.maps.places.PlaceListElementOptions
arayüz
PlaceListElement
için seçenekler.
Özellikler | |
---|---|
selectable optional |
Tür:
boolean optional Göz atın: PlaceListElement.selectable |
PlaceListPlaceSelectEvent class
google.maps.places.PlaceListPlaceSelectEvent
sınıf
Bu etkinlik, kullanıcı bir yer seçtiğinde PlaceListElement
tarafından yayınlanır.
Bu sınıfın süresi Event
tarihinde sona eriyor.
const {PlaceListPlaceSelectEvent} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Özellikler | |
---|---|
index |
Tür:
number Seçilen yerin liste dizini. |
place |
Tür:
Place Seçilen yerin kimliğini, konumunu ve görünüm alanını içeren bir Place nesnesi. |
Otomatik Tamamlama sınıfı
google.maps.places.Autocomplete
sınıf
Kullanıcının metin girişine göre yer tahminleri sağlayan bir widget. text
türündeki bir giriş öğesine eklenir ve bu alandaki metin girişini dinler. Tahmin listesi, açılır liste olarak sunulur ve metin girildikçe güncellenir.
Bu sınıfın süresi MVCObject
tarihinde sona eriyor.
const {Autocomplete} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
Autocomplete |
Autocomplete(inputField[, opts]) Parametreler:
Belirtilen giriş metni alanına verilen seçeneklerle eklenen yeni bir Autocomplete örneği oluşturur. |
Yöntemler | |
---|---|
getBounds |
getBounds() Parametreler: Yok
Dönüş Değeri:
LatLngBounds|undefined Sapma sınırları.Tahminlerin yönlendirildiği sınırları döndürür. |
getFields |
getFields() Parametreler: Yok
İade Değeri:
Array<string>|undefined Ayrıntılar başarıyla alındığında, ayrıntılar yanıtında Yere dahil edilecek alanları döndürür. Alanların listesi için PlaceResult adresini ziyaret edin. |
getPlace |
getPlace() Parametreler: Yok
Dönüş Değeri:
PlaceResult Kullanıcı tarafından seçilen yer.Ayrıntılar başarıyla alındıysa kullanıcı tarafından seçilen yerin ayrıntılarını döndürür. Aksi takdirde, name özelliği giriş alanının geçerli değerine ayarlanmış bir taslak Yer nesnesi döndürür. |
setBounds |
setBounds(bounds) Parametreler:
Döndürülen Değer: Yok
Yer sonuçlarının döndürüleceği tercih edilen alanı ayarlar. Sonuçlar bu bölgeye yönelik olsa da bu bölgeyle sınırlı değildir. |
setComponentRestrictions |
setComponentRestrictions(restrictions) Parametreler:
Döndürülen Değer: Yok
Bileşen kısıtlamalarını ayarlar. Bileşen kısıtlamaları, tahminleri yalnızca üst bileşendeki tahminlerle sınırlamak için kullanılır. Örneğin, ülke. |
setFields |
setFields(fields) Parametreler:
Döndürülen Değer: Yok
Ayrıntılar başarıyla alındığında ayrıntılar yanıtında Yere dahil edilecek alanları ayarlar. Alanların listesi için PlaceResult adresini ziyaret edin. |
setOptions |
setOptions(options) Parametreler:
Döndürülen Değer: Yok
|
setTypes |
setTypes(types) Parametreler:
Döndürülen Değer: Yok
Döndürülecek tahmin türlerini ayarlar. Desteklenen türler için geliştirici kılavuzuna bakın. Tür belirtilmezse tüm türler döndürülür. |
Devralındı:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Etkinlikler | |
---|---|
place_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, kullanıcının seçtiği bir yer için PlaceResult kullanıma sunulduğunda tetiklenir. Kullanıcı, kontrol tarafından önerilmeyen bir yerin adını girip Enter tuşuna basarsa veya bir yer ayrıntıları isteği başarısız olursa PlaceResult , name özelliğinde kullanıcı girişini içerir ve başka özellik tanımlanmaz. |
AutocompleteOptions arayüzü
google.maps.places.AutocompleteOptions
arayüz
Bir Autocomplete
nesnesinde ayarlanabilen seçenekler.
Özellikler | |
---|---|
bounds optional |
Tür:
LatLngBounds|LatLngBoundsLiteral optional Yerlerin aranacağı alan. |
componentRestrictions optional |
Tür:
ComponentRestrictions optional Bileşen kısıtlamaları. Bileşen kısıtlamaları, tahminleri yalnızca üst bileşendeki tahminlerle sınırlamak için kullanılır. Örneğin, ülke. |
fields optional |
Tür:
Array<string> optional Ayrıntılar başarıyla alındığında ayrıntılar yanıtına eklenecek alanlar (bunlar için faturalandırılırsınız). ['ALL'] iletilirse tüm kullanılabilir alanlar döndürülür ve bunlar için faturalandırma yapılır (bu, üretim dağıtımları için önerilmez). Alanların listesi için PlaceResult adresini ziyaret edin. İç içe yerleştirilmiş alanlar nokta yollarıyla (ör. "geometry.location" ) belirtilebilir. Varsayılan değer ['ALL'] 'dir. |
|
Tür:
boolean optional Yalnızca yer kimliklerinin mi alınacağını belirtir. place_changed etkinliği tetiklendiğinde kullanılabilen PlaceResult yalnızca place_id, türler ve ad alanlarına sahip olur. Bu alanlar, Otomatik Tamamlama hizmeti tarafından döndürülen place_id, türler ve açıklama ile doldurulur. Varsayılan olarak devre dışıdır. |
strictBounds optional |
Tür:
boolean optional Bir Boole değeri. Otomatik Tamamlama widget'ının, sorgu gönderildiği sırada yalnızca Otomatik Tamamlama widget'ının sınırları içinde olan yerleri döndürmesi gerektiğini belirtir. strictBounds'u false olarak ayarlamak (varsayılan değer) sonuçları sınırlar içinde yer alan yerlere doğru yönlendirir ancak bu yerlerle sınırlamaz. |
types optional |
Tür:
Array<string> optional Döndürülecek tahmin türleri. Desteklenen türler için geliştirici kılavuzuna bakın. Tür belirtilmezse tüm türler döndürülür. |
SearchBox class
google.maps.places.SearchBox
sınıf
Kullanıcının metin girişine göre sorgu tahminleri sağlayan bir widget. text
türündeki bir giriş öğesine eklenir ve bu alandaki metin girişini dinler. Tahmin listesi, açılır liste olarak sunulur ve metin girildikçe güncellenir.
Bu sınıfın süresi MVCObject
tarihinde sona eriyor.
const {SearchBox} = await google.maps.importLibrary("places")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
---|---|
SearchBox |
SearchBox(inputField[, opts]) Parametreler:
Belirtilen giriş metni alanına verilen seçeneklerle eklenen yeni bir SearchBox örneği oluşturur. |
Yöntemler | |
---|---|
getBounds |
getBounds() Parametreler: Yok
İade Değeri:
LatLngBounds|undefined Sorgu tahminlerinin yönlendirildiği sınırları döndürür. |
getPlaces |
getPlaces() Parametreler: Yok
İade Değeri:
Array<PlaceResult>|undefined Kullanıcı tarafından places_changed etkinliğiyle kullanılmak üzere seçilen sorguyu döndürür. |
setBounds |
setBounds(bounds) Parametreler:
Döndürülen Değer: Yok
Sorgu tahminlerini etkilemek için kullanılacak bölgeyi ayarlar. Sonuçlar yalnızca bu alana yönelik olarak taraflı olacak ve tamamen bu alanla sınırlı olmayacaktır. |
Devralındı:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Etkinlikler | |
---|---|
places_changed |
function() Bağımsız değişkenler: Yok
Bu etkinlik, kullanıcı bir sorgu seçtiğinde tetiklenir. Yeni yerler almak için getPlaces kullanılmalıdır. |
SearchBoxOptions arayüzü
google.maps.places.SearchBoxOptions
arayüz
SearchBox
nesnesinde ayarlanabilen seçenekler.
Özellikler | |
---|---|
bounds optional |
Tür:
LatLngBounds|LatLngBoundsLiteral optional Sorgu tahminlerinin yönlendirileceği alan. Tahminler bu sınırları hedefleyen sorgulara yönelik olarak yanlıdır ancak bunlarla sınırlı değildir. |