BasicPlaceAutocompleteElement class
google.maps.places.BasicPlaceAutocompleteElement
sınıf
BasicPlaceAutocompleteElement, Places Autocomplete API için bir kullanıcı arayüzü bileşeni sağlayan HTMLElement alt sınıfıdır.
Özel öğe:
<gmp-basic-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-basic-place-autocomplete>
Bu sınıfın süresi HTMLElement tarihinde sona eriyor.
Bu sınıf BasicPlaceAutocompleteElementOptions öğesini uygular.
const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
|---|---|
BasicPlaceAutocompleteElement |
BasicPlaceAutocompleteElement(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:
|
Slot makineleri | |
|---|---|
prediction-item-icon |
Bu yuva, tahmin öğesinin yanında gösterilen simge olarak oluşturulacak tam olarak bir <template> öğesini kabul eder. |
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. |
CSS Özellikleri | |
|---|---|
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. |
Yöntemler | |
|---|---|
addEventListener |
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 |
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(placeSelectEvent)Bağımsız değişkenler:
Bu etkinlik, kullanıcı bir yer tahmini seçtiğinde tetiklenir. Bir yer nesnesi içerir. |
BasicPlaceAutocompleteElementOptions arayüzü
google.maps.places.BasicPlaceAutocompleteElementOptions
arayüz
BasicPlaceAutocompleteElement oluşturma seçenekleri.
Özellikler | |
|---|---|
includedPrimaryTypes optional |
Tür:
Array<string> optional |
includedRegionCodes optional |
Tür:
Array<string> optional |
locationBias optional |
Tür:
LocationBias optional |
locationRestriction optional |
Tür:
LocationRestriction optional |
name optional |
Tür:
string optional |
origin optional |
Tür:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional |
requestedLanguage optional |
Tür:
string optional |
requestedRegion optional |
Tür:
string optional |
unitSystem optional |
Tür:
UnitSystem optional |
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. |
CSS Özellikleri | |
|---|---|
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. |
Yöntemler | |
|---|---|
addEventListener |
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 |
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 | |
|---|---|
includedPrimaryTypes optional |
Tür:
Array<string> optional |
includedRegionCodes optional |
Tür:
Array<string> optional |
locationBias optional |
Tür:
LocationBias optional |
locationRestriction optional |
Tür:
LocationRestriction optional |
name optional |
Tür:
string optional |
origin optional |
Tür:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional |
requestedLanguage optional |
Tür:
string optional |
requestedRegion optional |
Tür:
string optional |
unitSystem optional |
Tür:
UnitSystem 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.
Marka | |
|---|---|
PlaceContextualElement |
PlaceContextualElement([options])Parametreler:
|
Özellikler | |
|---|---|
contextToken |
Tür:
string optionalBağlam jetonu.
HTML özelliği:
|
Yöntemler | |
|---|---|
addEventListener |
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 |
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 map-mode="none"></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.
Marka | |
|---|---|
PlaceContextualListConfigElement |
PlaceContextualListConfigElement([options])Parametreler:
|
Özellikler | |
|---|---|
layout |
Tür:
PlaceContextualListLayout optionalDüzen.
HTML özelliği:
|
mapHidden |
Tür:
boolean optionalHaritanın gizlenip gizlenmediği
HTML özelliği:
|
mapMode |
Tür:
PlaceContextualListMapMode optionalBir yer listesi için Yer Bağlamsal Öğesi'nde kullanılan harita modu.
HTML özelliği:
|
Yöntemler | |
|---|---|
addEventListener |
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 |
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 optionalVarsayılan:
PlaceContextualListLayout.VERTICALDüzen. |
mapHidden optional |
Tür:
boolean optionalVarsayılan:
falseHaritanın gizlenmesi gerekiyorsa doğru değerini döndürür. |
mapMode optional |
Tür:
PlaceContextualListMapMode optionalVarsayılan:
PlaceContextualListMapMode.ROADMAPBir yer listesi için Yer Bağlamsal Öğesi'nde kullanılan harita modu. |
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. |
PlaceContextualListMapMode sabitleri
google.maps.places.PlaceContextualListMapMode
sabitler
Bir yer listesi için Yer Bağlamsal Öğesi'nde kullanılan harita modu.
const {PlaceContextualListMapMode} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
|---|---|
HYBRID |
Uydu görüntüsünün üzerinde ana caddelerin şeffaf bir katmanı veya 3D olarak fotogerçekçi görüntüler. |
NONE |
Harita yok. |
ROADMAP |
Normal bir 2D sokak haritası. |
PlaceDetailsElement class
google.maps.places.PlaceDetailsElement
sınıf
Bir yerle ilgili ayrıntıları tam düzende gösterir. Oluşturulacak yeri belirtmek için PlaceDetailsPlaceRequestElement veya PlaceDetailsLocationRequestElement ekleyin. Hangi içeriğin oluşturulacağını belirtmek için PlaceContentConfigElement, PlaceStandardContentElement veya PlaceAllContentElement ekleyin.
Örnek:
<gmp-place-details>
<gmp-place-details-place-request
place="PLACE_ID"
></gmp-place-details-place-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-details> Bu öğeyi kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.
Özel öğe:
<gmp-place-details></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 yer nesnesi. |
CSS Özellikleri | |
|---|---|
--gmp-button-border-color |
"Haritalar'da aç" düğmesinin kenarlık rengi. |
--gmp-button-border-radius |
"Haritalar'da aç" düğmesinin kenarlık yarıçapı. |
--gmp-button-border-width |
"Haritalar'da aç" düğmesinin kenarlık genişliği. |
--gmp-collage-border-radius-outer |
Medya kolajının dış köşelerinin kenarlık yarıçapı. |
--gmp-dialog-border-radius |
Google Haritalar açıklama iletişim kutusunun kenarlık yarıçapı. |
--gmp-mat-color-disabled-surface |
Devre dışı durumları veya bulunmama durumunu belirtmek için kullanılan yüzey rengi. Boş yorum yıldızları için kullanılır. |
--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ı ve yayınlanan inceleme tarihi rozeti için kullanılır. |
--gmp-mat-color-on-neutral-container |
Metin ve simgelerin, nötr kapsayıcı rengine göre rengi. Kullanılamadığında yayınlanan inceleme tarihi rozeti ve elektrikli araç şarj cihazı kullanılabilirliği rozeti için kullanılır. |
--gmp-mat-color-on-positive-container |
Metinlerin ve simgelerin, pozitif kapsayıcı rengine göre rengi. Mevcut olduğunda EV şarj cihazı kullanılabilirlik rozeti 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-positive-container |
Olumlu duygular uyandıran kullanıcı arayüzü öğelerinin kapsayıcı rengi. Mevcut olduğunda EV şarj cihazı kullanılabilirlik rozeti için kullanılır. |
--gmp-mat-color-primary |
Yüzey rengine göre etkileşimli metin ve simgelerin rengi. Yorum sayısı, Google Haritalar açıklamaları iletişim kutusundaki bağlantılar, web sitesi bağlantısı, genel bakış sekmesindeki simgeler ve sekme çubuğu başlıklarındaki (fareyle üzerine gelme / odaklanma / metin rengi) 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 Google Haritalar açıklamaları iletişim kutusunun arka planları için kullanılır. |
--gmp-mat-font-body-medium |
Google Haritalar açıklamaları iletişim kutusunda yer adresi, puan, tür, fiyat, şu anda açık durumu, çalışma saatleri, yorum, telefon numarası, web sitesi, artı kodu, en önemli özellikler ve gövde metni için kullanılır. |
--gmp-mat-font-body-small |
"Hakkında" sekmesindeki özellikler listesinde gövde metni için kullanılır. |
--gmp-mat-font-display-small |
Yer adı ve "Hakkında" sekmesindeki her özellik başlığı için kullanılan metin. |
--gmp-mat-font-family |
Tüm metinler için kullanılan temel yazı tipi ailesi. |
--gmp-mat-font-headline-medium |
Google Haritalar açıklama iletişim kutusundaki başlık metni için kullanılır. |
--gmp-mat-font-label-large |
Sekme başlıkları, "Haritalar'da aç" düğmesi, fotoğraf galerisindeki yorumcu ilişkilendirme metni, yorumlar bölümündeki yorumcu ilişkilendirme metni ve Google Haritalar açıklamaları iletişim kutusundaki bağlantılar için kullanılır. |
--gmp-mat-font-label-medium |
Fotoğraf sayısı rozeti ve yayınlanan yorum tarihi rozeti için kullanılır. |
--gmp-mat-font-title-small |
"Hakkında" sekmesindeki her bölümün başlığı için kullanılır. |
--gmp-mat-spacing-extra-large |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-extra-small |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-large |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-medium |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-small |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-two-extra-large |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-star-rating-color |
Puanlamadaki dolu yıldızların rengi. |
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 |
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 |
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. |
PlaceDetailsElementOptions arayüzü
google.maps.places.PlaceDetailsElementOptions
arayüz
PlaceDetailsElement için seçenekler.
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 veya PlaceDetailsLocationRequestElement ekleyin. Hangi içeriğin oluşturulacağını belirtmek için PlaceContentConfigElement, PlaceStandardContentElement veya PlaceAllContentElement ekleyin.
Örnek:
<gmp-place-details-compact>
<gmp-place-details-place-request
place="PLACE_ID"
></gmp-place-details-place-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-details-compact> 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-button-border-color |
"Haritalar'da aç" düğmesinin kenarlık rengi. |
--gmp-button-border-radius |
"Haritalar'da aç" düğmesinin kenarlık yarıçapı. |
--gmp-button-border-width |
"Haritalar'da aç" düğmesinin kenarlık genişliği. |
--gmp-dialog-border-radius |
Google Haritalar açıklama iletişim kutusunun kenarlık yarıçapı. |
--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. Yorum sayısı ve Google Haritalar açıklama iletişim kutusundaki 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 Google Haritalar açıklamaları iletişim kutusunun arka planları için kullanılır. |
--gmp-mat-font-body-medium |
Google Haritalar açıklama 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 |
Google Haritalar açıklama iletişim kutusundaki başlık metni için kullanılır. |
--gmp-mat-font-label-large |
"Haritalar'da aç" düğmesinin yanı sıra Google Haritalar açıklama iletişim kutusundaki bağlantılar ve fotoğraf galerisindeki yorumcu ilişkilendirme metni için kullanılır. |
--gmp-mat-font-label-medium |
Fotoğraf sayısı rozeti için kullanılır. |
--gmp-mat-font-title-small |
Yer adı için kullanılır. |
--gmp-mat-spacing-extra-small |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-large |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-medium |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-small |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-star-rating-color |
Puanlamadaki dolu yıldızların rengi. |
--gmp-thumbnail-border-radius |
Yer küçük resmi görüntüsünün kenarlık yarıçapı. |
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 |
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 |
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
Verileri bir yer nesnesine, kimliğine veya kaynak adına göre yüklemek için PlaceDetailsCompactElement ya da PlaceDetailsElement yapılandırır. Belirtilen yerle ilgili verileri yüklemek için bu öğeyi PlaceDetailsCompactElement veya PlaceDetailsElement öğesinin alt öğesi olarak ekleyin. Örneğin:
<gmp-place-details>
<gmp-place-details-place-request
place="PLACE_ID"
></gmp-place-details-place-request>
</gmp-place-details> Ö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 optionalVarsayılan:
nullYer 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 |
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 |
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 |
PlaceDetailsLocationRequestElement class
google.maps.places.PlaceDetailsLocationRequestElement
sınıf
Verileri konuma göre yüklemek için PlaceDetailsCompactElement veya PlaceDetailsElement yapılandırır. Belirtilen konumla ilgili verileri yüklemek için bu öğeyi PlaceDetailsCompactElement veya PlaceDetailsElement öğesinin alt öğesi olarak ekleyin. Örneğin:
<gmp-place-details>
<gmp-place-details-location-request
location="37.6207665,-122.4284806"
></gmp-place-details-location-request>
</gmp-place-details> Özel öğe:
<gmp-place-details-location-request location="lat,lng"></gmp-place-details-location-request>
Bu sınıfın süresi HTMLElement tarihinde sona eriyor.
Bu sınıf PlaceDetailsLocationRequestElementOptions öğesini uygular.
const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
|---|---|
PlaceDetailsLocationRequestElement |
PlaceDetailsLocationRequestElement([options])Parametreler:
|
Özellikler | |
|---|---|
location |
Tür:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalVarsayılan:
nullYer Ayrıntıları öğesinde ayrıntıların oluşturulacağı konum.
LatLngAltitude olarak normalleştirilir.HTML özelliği:
|
Yöntemler | |
|---|---|
addEventListener |
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 |
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. |
PlaceDetailsLocationRequestElementOptions arayüzü
google.maps.places.PlaceDetailsLocationRequestElementOptions
arayüz
PlaceDetailsLocationRequestElement için seçenekler.
Özellikler | |
|---|---|
location optional |
Tür:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalYerin oluşturulacağı konum. |
PlaceSearchElement class
google.maps.places.PlaceSearchElement
sınıf
Bir yer aramasının sonuçlarını listede gösterir. Sonuçların hangi istek için oluşturulacağını belirtmek üzere PlaceTextSearchRequestElement veya PlaceNearbySearchRequestElement ekleyin. Hangi içeriğin oluşturulacağını belirtmek için PlaceContentConfigElement, PlaceStandardContentElement veya PlaceAllContentElement ekleyin.
Örnek:
<gmp-place-search>
<gmp-place-text-search-request
text-query="QUERY"
></gmp-place-text-search-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-search> Yer Arama Öğesi'ni kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.
Özel öğe:
<gmp-place-search attribution-position="top" orientation="vertical" selectable truncation-preferred></gmp-place-search>
Bu sınıfın süresi HTMLElement tarihinde sona eriyor.
Bu sınıf PlaceSearchElementOptions öğesini uygular.
const {PlaceSearchElement} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
|---|---|
PlaceSearchElement |
PlaceSearchElement([options])Parametreler:
|
Özellikler | |
|---|---|
attributionPosition |
Tür:
PlaceSearchAttributionPosition optionalVarsayılan:
PlaceSearchAttributionPosition.TOPİlişkilendirme logosunun ve yasal açıklama düğmesinin konumu.
HTML özelliği:
|
orientation |
Tür:
PlaceSearchOrientation optionalVarsayılan:
PlaceSearchOrientation.VERTICALÖğenin yön varyantı (dikey veya yatay).
HTML özelliği:
|
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 optionalVarsayılan:
falseListe öğelerinin seçilebilir olup olmadığı. Doğruysa liste öğeleri, tıklandığında
gmp-select etkinliğini gönderen düğmeler olur. Erişilebilir klavye navigasyonu ve seçimi de desteklenir.HTML özelliği:
|
truncationPreferred |
Tür:
boolean optionalVarsayılan:
falseDoğruysa, içeriğin belirli satırlarını sarmak yerine tek bir satıra sığacak şekilde keser.
HTML özelliği:
|
CSS Özellikleri | |
|---|---|
--gmp-button-border-color |
"Haritalar'da aç" düğmesinin kenarlık rengi. |
--gmp-button-border-radius |
"Haritalar'da aç" düğmesinin kenarlık yarıçapı. |
--gmp-button-border-width |
"Haritalar'da aç" düğmesinin kenarlık genişliği. |
--gmp-card-border-radius |
Yer kartlarının kenarlık yarıçapı. |
--gmp-dialog-border-radius |
Google Haritalar açıklama iletişim kutusunun kenarlık yarıçapı. |
--gmp-mat-color-info |
Bilgi içeren duygusal öğelerin rengi. Erişilebilir giriş simgesi için kullanılır. |
--gmp-mat-color-negative |
Olumsuz duyguya sahip kullanıcı arayüzü öğelerinin rengi. Bir yerin çalışma saatleri için "Kapalı" etiketinde kullanılır. |
--gmp-mat-color-neutral-container |
Nötr dolgulu kullanıcı arayüzü öğeleri için kapsayıcı rengi. Yorum tarihi rozetleri ve yer tutucu şekillerin yüklenmesi için kullanılır. |
--gmp-mat-color-on-neutral-container |
Nötr bir kapsayıcıdaki metin ve simgelerin rengi. İnceleme tarihi metni ve yükleme hatası metni için kullanılır. |
--gmp-mat-color-on-secondary-container |
İkincil kapsayıcı rengine karşı metin ve simge rengi. Düğme metni ve simgeler için kullanılır. |
--gmp-mat-color-on-surface |
Yüzey rengine karşı metin ve simge rengi. Başlıklar ve iletişim kutusu içeriği için kullanılır. |
--gmp-mat-color-on-surface-variant |
Yüzey rengi üzerinde metin ve simgeler için daha az vurgulu renk. Yer bilgileri için kullanılır. |
--gmp-mat-color-outline-decorative |
Etkileşimli olmayan öğelerin ana hat rengi. Kapsayıcı kenarlığı için kullanılır. |
--gmp-mat-color-positive |
Olumlu duyguya sahip kullanıcı arayüzü öğelerinin rengi. Bir yerin çalışma saatleri için "Açık" etiketinde kullanılır. |
--gmp-mat-color-primary |
Yüzey rengine göre etkileşimli metin ve simgelerin rengi. Bağlantılar, yükleme göstergesi ve genel bakış simgeleri için kullanılır. |
--gmp-mat-color-secondary-container |
Yüzeyde daha az belirgin dolgu rengi. Düğme arka planları için kullanılır. |
--gmp-mat-color-surface |
Arka planların rengi. Kapsayıcı ve iletişim kutusu arka planları için kullanılır. |
--gmp-mat-font-body-small |
Yer bilgileri için kullanılır. |
--gmp-mat-font-family |
Tüm metinler için temel yazı tipi ailesi. |
--gmp-mat-font-headline-medium |
İletişim kutusu başlıkları için kullanılır. |
--gmp-mat-font-label-large |
Düğme içeriği için kullanılır. |
--gmp-mat-font-title-medium |
Yer adı için kullanılır. |
--gmp-mat-spacing-extra-small |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-large |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-medium |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-mat-spacing-small |
Öğenin içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır. |
--gmp-star-rating-color |
Yıldız puanındaki dolu yıldızların rengi. |
--gmp-thumbnail-border-radius |
Yer küçük resmi için kenarlık yarıçapı. |
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 ölçeklendirir. Varsayılan olarak 16px değerine ayarlanır. |
Yöntemler | |
|---|---|
addEventListener |
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 |
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. |
gmp-select |
function(event)Bağımsız değişkenler:
Bu etkinlik, listeden bir yer seçildiğinde tetiklenir. Seçilen yerin kimliğini, konumunu ve görünüm alanını içeren bir Place nesnesi içerir. |
PlaceSearchElementOptions arayüzü
google.maps.places.PlaceSearchElementOptions
arayüz
PlaceSearchElement için seçenekler.
Özellikler | |
|---|---|
attributionPosition optional |
Tür:
PlaceSearchAttributionPosition optionalŞu sayfaya göz atın: PlaceSearchElement.attributionPosition. |
orientation optional |
Tür:
PlaceSearchOrientation optionalŞu sayfaya göz atın: PlaceSearchElement.orientation. |
selectable optional |
Tür:
boolean optionalGöz atın: PlaceSearchElement.selectable |
truncationPreferred optional |
Tür:
boolean optionalŞu sayfaya göz atın: PlaceSearchElement.truncationPreferred. |
PlaceSearchAttributionPosition sabitleri
google.maps.places.PlaceSearchAttributionPosition
sabitler
PlaceSearchElement için ilişkilendirme konumları.
const {PlaceSearchAttributionPosition} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Sabitler | |
|---|---|
BOTTOM |
PlaceSearchElement'in alt kısmındaki ilişkilendirme |
TOP |
PlaceSearchElement'in üst kısmındaki ilişkilendirme |
PlaceSearchOrientation sabitleri
google.maps.places.PlaceSearchOrientation
sabitler
PlaceSearchElement için oryantasyon varyantları.
const {PlaceSearchOrientation} = 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. |
PlaceSelectEvent sınıfı
google.maps.places.PlaceSelectEvent
sınıf
Bu etkinlik, bir yer listesinden bir yer seçildiğinde tetiklenir. event.place ile seçime erişin.
Bu sınıfın süresi Event tarihinde sona eriyor.
const {PlaceSelectEvent} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Özellikler | |
|---|---|
place |
Tür:
PlaceSeçilen yer. |
PlaceNearbySearchRequestElement class
google.maps.places.PlaceNearbySearchRequestElement
sınıf
Yakındaki arama isteğine göre sonuçları yüklemek için PlaceSearchElement yapılandırır. Arama öğesinin yüklenmesi için locationRestriction özelliği gereklidir. locationRestriction ayarlanmamışsa yapılandırılan diğer tüm özellikler yoksayılır. Sonuçları yüklemek için bu öğeyi PlaceSearchElement öğesinin alt öğesi olarak ekleyin. Örneğin:
<gmp-place-search>
<gmp-place-nearby-search-request
location-restriction="RADIUS@LAT,LNG"
></gmp-place-nearby-search-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-search> Özel öğe:
<gmp-place-nearby-search-request excluded-primary-types="excluded-primary-type1 excluded-primary-type2..." excluded-types="excluded-type1 excluded-type2..." included-primary-types="included-primary-type1 included-primary-type2..." included-types="included-type1 included-type2..." location-restriction="radius@lat,lng" max-result-count="number" rank-preference="preference"></gmp-place-nearby-search-request>
Bu sınıfın süresi HTMLElement tarihinde sona eriyor.
Bu sınıf PlaceNearbySearchRequestElementOptions öğesini uygular.
const {PlaceNearbySearchRequestElement} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
|---|---|
PlaceNearbySearchRequestElement |
PlaceNearbySearchRequestElement([options])Parametreler:
|
Özellikler | |
|---|---|
excludedPrimaryTypes |
Tür:
Array<string> optionalVarsayılan:
nullHTML özelliği:
|
excludedTypes |
Tür:
Array<string> optionalVarsayılan:
nullHTML özelliği:
|
includedPrimaryTypes |
Tür:
Array<string> optionalVarsayılan:
nullHTML özelliği:
|
includedTypes |
Tür:
Array<string> optionalVarsayılan:
nullHTML özelliği:
|
locationRestriction |
Tür:
Circle|CircleLiteral optionalVarsayılan:
nullHTML özelliği:
|
maxResultCount |
Tür:
number optionalVarsayılan:
nullHTML özelliği:
|
rankPreference |
Tür:
SearchNearbyRankPreference optionalVarsayılan:
nullHTML özelliği:
|
Yöntemler | |
|---|---|
addEventListener |
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 |
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. |
PlaceNearbySearchRequestElementOptions arayüzü
google.maps.places.PlaceNearbySearchRequestElementOptions
arayüz
PlaceNearbySearchRequestElement için seçenekler.
Özellikler | |
|---|---|
excludedPrimaryTypes optional |
Tür:
Array<string> optionalHariç tutulan birincil yer türleri. Daha fazla bilgi için PlaceNearbySearchRequestElement.excludedPrimaryTypes ve SearchNearbyRequest.excludedPrimaryTypes sayfalarına göz atın. |
excludedTypes optional |
Tür:
Array<string> optionalHariç tutulan yer türleri. Daha fazla bilgi için PlaceNearbySearchRequestElement.excludedTypes ve SearchNearbyRequest.excludedTypes sayfalarına göz atın. |
includedPrimaryTypes optional |
Tür:
Array<string> optionalDahil edilen birincil yer türleri. Daha fazla bilgi için PlaceNearbySearchRequestElement.includedPrimaryTypes ve SearchNearbyRequest.includedPrimaryTypes sayfalarına göz atın. |
includedTypes optional |
Tür:
Array<string> optionalDahil edilen yer türleri. Daha fazla bilgi için PlaceNearbySearchRequestElement.includedTypes ve SearchNearbyRequest.includedTypes sayfalarına göz atın. |
locationRestriction optional |
Tür:
Circle|CircleLiteral optionalAranacak bölge. Daha fazla bilgi için PlaceNearbySearchRequestElement.locationRestriction ve SearchNearbyRequest.locationRestriction sayfalarına göz atın. |
maxResultCount optional |
Tür:
number optionalDöndürülecek maksimum sonuç sayısı. Daha fazla bilgi için PlaceNearbySearchRequestElement.maxResultCount ve SearchNearbyRequest.maxResultCount sayfalarına göz atın. |
rankPreference optional |
Tür:
SearchNearbyRankPreference optionalSonuçların yanıtta nasıl sıralanacağı. Daha fazla bilgi için PlaceNearbySearchRequestElement.rankPreference ve SearchNearbyRankPreference sayfalarına göz atın. |
PlaceTextSearchRequestElement class
google.maps.places.PlaceTextSearchRequestElement
sınıf
Metin arama isteğine göre sonuç yüklemek için PlaceSearchElement yapılandırır. Arama öğesinin yüklenmesi için textQuery özelliği gereklidir. textQuery ayarlanmamışsa yapılandırılan diğer tüm özellikler yoksayılır. Sonuçları yüklemek için bu öğeyi PlaceSearchElement öğesinin alt öğesi olarak ekleyin. Örneğin:
<gmp-place-search>
<gmp-place-text-search-request
text-query="QUERY"
></gmp-place-text-search-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-search> Özel öğe:
<gmp-place-text-search-request ev-connector-types="ev-connector-type1 ev-connector-type2..." ev-minimum-charging-rate-kw="rate" included-type="type" is-open-now="true" location-bias="lat,lng" location-restriction="swlat,swlng|nelat,nelng" max-result-count="number" min-rating="number" price-levels="price-level1 price-level2..." rank-preference="preference" text-query="string" use-strict-type-filtering></gmp-place-text-search-request>
Bu sınıfın süresi HTMLElement tarihinde sona eriyor.
Bu sınıf PlaceTextSearchRequestElementOptions öğesini uygular.
const {PlaceTextSearchRequestElement} = await google.maps.importLibrary("places") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marka | |
|---|---|
PlaceTextSearchRequestElement |
PlaceTextSearchRequestElement([options])Parametreler:
|
Özellikler | |
|---|---|
evConnectorTypes |
Tür:
Array<EVConnectorType> optionalVarsayılan:
nullHTML özelliği:
|
evMinimumChargingRateKw |
Tür:
number optionalVarsayılan:
nullHTML özelliği:
|
includedType |
Tür:
string optionalVarsayılan:
nullHTML özelliği:
|
isOpenNow |
Tür:
boolean optionalVarsayılan:
nullHTML özelliği:
|
locationBias |
Tür:
string|LatLngAltitude|LatLngBounds|Circle|LatLng|LatLngLiteral|LatLngAltitudeLiteral|LatLngBoundsLiteral|CircleLiteral optionalVarsayılan:
nullHTML özelliği:
|
locationRestriction |
Tür:
LatLngBounds|LatLngBoundsLiteral optionalVarsayılan:
nullHTML özelliği:
|
maxResultCount |
Tür:
number optionalVarsayılan:
nullHTML özelliği:
|
minRating |
Tür:
number optionalVarsayılan:
nullHTML özelliği:
|
priceLevels |
Tür:
Array<PriceLevel> optionalVarsayılan:
nullHTML özelliği:
|
rankPreference |
Tür:
SearchByTextRankPreference optionalVarsayılan:
nullHTML özelliği:
|
textQuery |
Tür:
string optionalVarsayılan:
nullHTML özelliği:
|
useStrictTypeFiltering |
Tür:
boolean optionalVarsayılan:
nullHTML özelliği:
|
Yöntemler | |
|---|---|
addEventListener |
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 |
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. |
PlaceTextSearchRequestElementOptions arayüzü
google.maps.places.PlaceTextSearchRequestElementOptions
arayüz
PlaceTextSearchRequestElement için seçenekler.
Özellikler | |
|---|---|
evConnectorTypes optional |
Tür:
Array<EVConnectorType> optionalTercih edilen elektrikli araç konnektör türlerinin listesi. Daha fazla bilgi için SearchByTextRequest.evSearchOptions ve PlaceTextSearchRequestElement.evConnectorTypes sayfalarına göz atın. |
evMinimumChargingRateKw optional |
Tür:
number optionalKilovat cinsinden minimum şarj hızı. Daha fazla bilgi için SearchByTextRequest.evSearchOptions ve PlaceTextSearchRequestElement.evMinimumChargingRateKw sayfalarına göz atın. |
includedType optional |
Tür:
string optionalİstenen yer türü. Daha fazla bilgi için SearchByTextRequest.includedType ve PlaceTextSearchRequestElement.includedType sayfalarına göz atın. |
isOpenNow optional |
Tür:
boolean optionalAramayı şu anda açık olan yerlerle sınırlandırmak için kullanılır. Daha fazla bilgi için SearchByTextRequest.isOpenNow ve PlaceTextSearchRequestElement.isOpenNow sayfalarına göz atın. |
locationBias optional |
Tür:
string|LatLngAltitude|LatLngBounds|Circle|LatLng|LatLngLiteral|LatLngAltitudeLiteral|LatLngBoundsLiteral|CircleLiteral optionalArama için konum önyargısı. Daha fazla bilgi için SearchByTextRequest.locationBias ve PlaceTextSearchRequestElement.locationBias sayfalarına göz atın. |
locationRestriction optional |
Tür:
LatLngBounds|LatLngBoundsLiteral optionalArama için konum kısıtlaması. Daha fazla bilgi için SearchByTextRequest.locationRestriction ve PlaceTextSearchRequestElement.locationRestriction sayfalarına göz atın. |
maxResultCount optional |
Tür:
number optionalDöndürülecek maksimum sonuç sayısı. Daha fazla bilgi için SearchByTextRequest.maxResultCount ve PlaceTextSearchRequestElement.maxResultCount sayfalarına göz atın. |
minRating optional |
Tür:
number optionalOrtalama kullanıcı puanı bu sınırdan kesinlikle daha düşük olan sonuçları filtreleyin. Daha fazla bilgi için SearchByTextRequest.minRating ve PlaceTextSearchRequestElement.minRating sayfalarına göz atın. |
priceLevels optional |
Tür:
Array<PriceLevel> optionalAramayı belirli fiyat seviyeleri olarak işaretlenmiş yerlerle sınırlandırmak için kullanılır. Daha fazla bilgi için SearchByTextRequest.priceLevels ve PlaceTextSearchRequestElement.priceLevels sayfalarına göz atın. |
rankPreference optional |
Tür:
SearchByTextRankPreference optionalSonuçların yanıtta nasıl sıralanacağı. Daha fazla bilgi için SearchByTextRequest.rankPreference ve PlaceTextSearchRequestElement.rankPreference sayfalarına göz atın. |
textQuery optional |
Tür:
string optionalMetin araması için metin sorgusu. Daha fazla bilgi için SearchByTextRequest.textQuery ve PlaceTextSearchRequestElement.textQuery sayfalarına göz atın. |
useStrictTypeFiltering optional |
Tür:
boolean optionalSearchByTextRequest.includedType için katı tür filtreleme ayarlamak üzere kullanılır. Daha fazla bilgi için SearchByTextRequest.useStrictTypeFiltering ve PlaceTextSearchRequestElement.useStrictTypeFiltering sayfalarına göz atın. |
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. |