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> optionalBirincil 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> optionalYalnı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 optionalYer ararken kullanılacak yumuşak bir sınır veya ipucu. |
locationRestriction |
Tür:
LocationRestriction optionalArama sonuçlarını sınırlamak için kullanılan sınırlar. |
name |
Tür:
string optionalGiriş öğ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 optionalMesafenin hesaplanacağı başlangıç noktası. Belirtilmemişse mesafe hesaplanmaz. Verilmişse yükseklik hesaplamada kullanılmaz.
HTML özelliği:
|
requestedLanguage |
Tür:
string optionalMü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 optionalSonuç 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 optionalMesafeleri 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:
voidBelirtilen 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:
voidDaha ö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:
PlacePredictionPlacePrediction.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 optionalBağlam jetonu.
HTML özelliği:
|
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen 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:
voidDaha ö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 optionalGoogle 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 optionalDüzen.
HTML özelliği:
|
mapHidden |
Tür:
boolean optionalHaritanın gizlenip gizlenmediği
HTML özelliği:
|
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen 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:
voidDaha ö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 optionalDüzen. PlaceContextualListLayout.VERTICAL varsayılandır. |
mapHidden optional |
Tür:
boolean optionalHaritanı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 optionalSalt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görünüm alanını içeren Place nesnesi. |
size |
Tür:
PlaceDetailsSize optionalPlaceDetailsElement'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:
voidBelirtilen 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:
voidDaha ö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 optionalGö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 optionalVarsayılan:
PlaceDetailsOrientation.VERTICALÖğenin yön varyantı (dikey veya yatay).
HTML özelliği:
|
place |
Tür:
Place optionalSalt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görünüm alanını içeren yer nesnesi. |
truncationPreferred |
Tür:
booleanVarsayılan:
falseDoğ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:
voidBelirtilen 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:
voidDaha ö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 optionalYer 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:
voidBelirtilen 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:
voidDaha ö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 optionalGö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:
voidBelirtilen 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:
voidDaha ö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 optionalVarsayılan:
falseHer 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:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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 optionalVarsayılan:
AttributionColor.WHITEKoyu modda Google Haritalar ilişkilendirmesinin rengi.
HTML özelliği:
|
lightSchemeColor |
Tür:
AttributionColor optionalVarsayılan:
AttributionColor.GRAYAçık modda Google Haritalar ilişkilendirmesinin rengi.
HTML özelliği:
|
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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:
voidBelirtilen 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:
voidDaha ö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:
booleanListe öğ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:
voidBelirtilen 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:
voidDaha ö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 optionalGö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:
numberSeçilen yerin liste dizini. |
place |
Tür:
PlaceSeç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>|undefinedAyrı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 optionalYerlerin aranacağı alan. |
componentRestrictions optional |
Tür:
ComponentRestrictions optionalBileş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> optionalAyrı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 optionalYalnı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 optionalBir 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> optionalDö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|undefinedSorgu tahminlerinin yönlendirildiği sınırları döndürür. |
getPlaces |
getPlaces()Parametreler: Yok
İade Değeri:
Array<PlaceResult>|undefinedKullanı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 optionalSorgu 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. |