Places Widgets

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.
BasicPlaceAutocompleteElement
BasicPlaceAutocompleteElement(options)
Parametreler: 
includedPrimaryTypes
Tür:  Array<string> optional
Birincil Yer türü (örneğin, "restaurant" veya "gas_station") dahil edilmelidir.

Bir yer yalnızca birincil türü bu listede yer alıyorsa döndürülür. En fazla 5 değer belirtilebilir. Tür belirtilmezse tüm yer türleri döndürülür.
HTML özelliği:
  • <gmp-basic-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-basic-place-autocomplete>
includedRegionCodes
Tür:  Array<string> optional
Yalnızca belirtilen bölgelerdeki sonuçları dahil edin. En fazla 15 CLDR iki karakterli bölge kodu belirtilebilir. Boş bir küme sonuçları kısıtlamaz. Hem locationRestriction hem de includedRegionCodes ayarlanırsa sonuçlar kesişim alanında yer alır.
HTML özelliği:
  • <gmp-basic-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-basic-place-autocomplete>
locationBias
Tür:  LocationBias optional
Yer ararken kullanılacak yumuşak bir sınır veya ipucu.
locationRestriction
Tür:  LocationRestriction optional
Arama sonuçlarını sınırlamak için kullanılan sınırlar.
name
Tür:  string optional
Giriş öğesi için kullanılacak ad. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name adresine bakın. Girişler için ad özelliğiyle aynı davranışı gösterir. Bu adın, form gönderildiğinde kullanılacağını unutmayın. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form adresine bakın.
HTML özelliği:
  • <gmp-basic-place-autocomplete name="string"></gmp-basic-place-autocomplete>
origin
Mesafenin hesaplanacağı başlangıç noktası. Belirtilmemişse mesafe hesaplanmaz. Verilmişse yükseklik hesaplamada kullanılmaz.
HTML özelliği:
  • <gmp-basic-place-autocomplete origin="lat,lng"></gmp-basic-place-autocomplete>
  • <gmp-basic-place-autocomplete origin="lat,lng,altitude"></gmp-basic-place-autocomplete>
requestedLanguage
Tür:  string optional
Mümkünse sonuçların döndürülmesi gereken dil için bir dil tanımlayıcısı. Seçilen dildeki sonuçlar daha yüksek bir sıralama alabilir ancak öneriler bu dille sınırlı değildir. Desteklenen dillerin listesine bakın.
HTML özelliği:
  • <gmp-basic-place-autocomplete requested-language="string"></gmp-basic-place-autocomplete>
requestedRegion
Tür:  string optional
Sonuç biçimlendirmesi ve sonuç filtreleme için kullanılan bir bölge kodu. Öneriler bu ülke ile sınırlı değildir. Bölge kodu, ccTLD ("üst düzey alan") iki karakterlik değerini kabul eder. Çoğu ccTLD kodu, ISO 3166-1 kodlarıyla aynıdır ancak bazı önemli istisnalar vardır. Örneğin, Birleşik Krallık'ın ccTLD'si "uk" (.co.uk), ISO 3166-1 kodu ise "gb"dir (teknik olarak "Büyük Britanya ve Kuzey İrlanda Birleşik Krallığı" için).
HTML özelliği:
  • <gmp-basic-place-autocomplete requested-region="string"></gmp-basic-place-autocomplete>
unitSystem
Tür:  UnitSystem optional
Mesafeleri göstermek için kullanılan birim sistemi. Belirtilmezse birim sistemi, requestedRegion tarafından belirlenir.
HTML özelliği:
  • <gmp-basic-place-autocomplete unit-system="metric"></gmp-basic-place-autocomplete>
  • <gmp-basic-place-autocomplete unit-system="imperial"></gmp-basic-place-autocomplete>
prediction-item-icon
Bu yuva, tahmin öğesinin yanında gösterilen simge olarak oluşturulacak tam olarak bir <template> öğesini kabul eder.
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.
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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
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.
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
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.
PlaceAutocompleteElement
PlaceAutocompleteElement(options)
Parametreler: 
includedPrimaryTypes
Tür:  Array<string> optional
Birincil Yer türü (örneğin, "restaurant" veya "gas_station") dahil edilmelidir.

Bir yer yalnızca birincil türü bu listede yer alıyorsa döndürülür. En fazla 5 değer belirtilebilir. Tür belirtilmezse tüm yer türleri döndürülür.
HTML özelliği:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
Tür:  Array<string> optional
Yalnızca belirtilen bölgelerdeki sonuçları dahil edin. En fazla 15 CLDR iki karakterli bölge kodu belirtilebilir. Boş bir küme sonuçları kısıtlamaz. Hem locationRestriction hem de includedRegionCodes ayarlanırsa sonuçlar kesişim alanında yer alır.
HTML özelliği:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
Tür:  LocationBias optional
Yer ararken kullanılacak yumuşak bir sınır veya ipucu.
locationRestriction
Tür:  LocationRestriction optional
Arama sonuçlarını sınırlamak için kullanılan sınırlar.
name
Tür:  string optional
Giriş öğesi için kullanılacak ad. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name adresine bakın. Girişler için ad özelliğiyle aynı davranışı gösterir. Bu adın, form gönderildiğinde kullanılacağını unutmayın. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form adresine bakın.
HTML özelliği:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
Mesafenin hesaplanacağı başlangıç noktası. Belirtilmemişse mesafe hesaplanmaz. Verilmişse yükseklik hesaplamada kullanılmaz.
HTML özelliği:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
requestedLanguage
Tür:  string optional
Mümkünse sonuçların döndürülmesi gereken dil için bir dil tanımlayıcısı. Seçilen dildeki sonuçlar daha yüksek bir sıralama alabilir ancak öneriler bu dille sınırlı değildir. Desteklenen dillerin listesine bakın.
HTML özelliği:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
Tür:  string optional
Sonuç biçimlendirmesi ve sonuç filtreleme için kullanılan bir bölge kodu. Öneriler bu ülke ile sınırlı değildir. Bölge kodu, ccTLD ("üst düzey alan") iki karakterlik değerini kabul eder. Çoğu ccTLD kodu, ISO 3166-1 kodlarıyla aynıdır ancak bazı önemli istisnalar vardır. Örneğin, Birleşik Krallık'ın ccTLD'si "uk" (.co.uk), ISO 3166-1 kodu ise "gb"dir (teknik olarak "Büyük Britanya ve Kuzey İrlanda Birleşik Krallığı" için).
HTML özelliği:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
Tür:  UnitSystem optional
Mesafeleri göstermek için kullanılan birim sistemi. Belirtilmezse birim sistemi, requestedRegion tarafından belirlenir.
HTML özelliği:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
prediction-item-icon
Bu yuva, tahmin öğesinin yanında gösterilen simge olarak oluşturulacak tam olarak bir <template> öğesini kabul eder.
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.
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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
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.
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
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.
placePrediction
PlacePrediction.toPlace numaralı telefonu arayarak bunu Place'ya dönüştürün.

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.
PlaceContextualElement
PlaceContextualElement([options])
Parametreler: 
contextToken
Tür:  string optional
Bağlam jetonu.
HTML özelliği:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PlaceContextualElementOptions arayüzü

google.maps.places.PlaceContextualElementOptions arayüz

PlaceContextualElement için seçenekler.
contextToken optional
Tür:  string optional
Google Haritalar ile Temellendirme yanıtı tarafından sağlanan bağlam jetonu.

PlaceContextualListConfigElement class

google.maps.places.PlaceContextualListConfigElement sınıf

Yer İçeriğe Dayalı Öğesi'nin liste görünümü için seçenekleri yapılandıran bir HTML öğesi.

Özel öğe:
<gmp-place-contextual-list-config layout="compact" map-hidden 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.
PlaceContextualListConfigElement
PlaceContextualListConfigElement([options])
Parametreler: 
layout
Tür:  PlaceContextualListLayout optional
Düzen.
HTML özelliği:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
Tür:  boolean optional
Haritanın gizlenip gizlenmediği
HTML özelliği:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
mapMode
Bir yer listesi için Yer Bağlamsal Öğesi'nde kullanılan harita modu.
HTML özelliği:
  • <gmp-place-contextual-list-config map-mode="none"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config map-mode="roadmap"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config map-mode="hybrid"></gmp-place-contextual-list-config>
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PlaceContextualListConfigElementOptions arayüzü

google.maps.places.PlaceContextualListConfigElementOptions arayüz

PlaceContextualListConfigElement için seçenekler.
layout optional
Tür:  PlaceContextualListLayout optional
Varsayılan: PlaceContextualListLayout.VERTICAL
Düzen.
mapHidden optional
Tür:  boolean optional
Varsayılan: false
Haritanın gizlenmesi gerekiyorsa doğru değerini döndürür.
mapMode optional
Varsayılan: PlaceContextualListMapMode.ROADMAP
Bir 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.
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.
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.
PlaceDetailsElement
PlaceDetailsElement([options])
Parametreler: 
place
Tür:  Place optional
Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görünüm alanını içeren yer nesnesi.
--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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
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.
PlaceDetailsCompactElement
PlaceDetailsCompactElement([options])
Parametreler: 
orientation
Tür:  PlaceDetailsOrientation optional
Varsayılan: PlaceDetailsOrientation.VERTICAL
Öğenin yön varyantı (dikey veya yatay).
HTML özelliği:
  • <gmp-place-details-compact orientation="vertical"></gmp-place-details-compact>
  • <gmp-place-details-compact orientation="horizontal"></gmp-place-details-compact>
place
Tür:  Place optional
Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görünüm alanını içeren yer nesnesi.
truncationPreferred
Tür:  boolean
Varsayılan: false
Doğruysa yer adı ve adresi, kaydırmak yerine tek satıra sığacak şekilde kısaltır.
HTML özelliği:
  • <gmp-place-details-compact truncation-preferred></gmp-place-details-compact>
--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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
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.
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.
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.
PlaceDetailsPlaceRequestElement
PlaceDetailsPlaceRequestElement([options])
Parametreler: 
place
Tür:  Place optional
Varsayılan: null
Yer Ayrıntıları Compact öğesinde ayrıntıların oluşturulacağı yer nesnesi, kimliği veya kaynak adı. Bu özellik, kaynağın adını yansıtır.
HTML özelliği:
  • <gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PlaceDetailsPlaceRequestElementOptions arayüzü

google.maps.places.PlaceDetailsPlaceRequestElementOptions arayüz

PlaceDetailsPlaceRequestElement için seçenekler.
place optional
Tür:  Place|string optional
Gö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.
PlaceDetailsLocationRequestElement
PlaceDetailsLocationRequestElement([options])
Parametreler: 
location
Varsayılan: null
Yer Ayrıntıları öğesinde ayrıntıların oluşturulacağı konum. LatLngAltitude olarak normalleştirilir.
HTML özelliği:
  • <gmp-place-details-location-request location="lat,lng"></gmp-place-details-location-request>
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PlaceDetailsLocationRequestElementOptions arayüzü

google.maps.places.PlaceDetailsLocationRequestElementOptions arayüz

PlaceDetailsLocationRequestElement için seçenekler.
location optional
Yerin 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.
PlaceSearchElement
PlaceSearchElement([options])
Parametreler: 
attributionPosition
Varsayılan: PlaceSearchAttributionPosition.TOP
İlişkilendirme logosunun ve yasal açıklama düğmesinin konumu.
HTML özelliği:
  • <gmp-place-search attribution-position="top"></gmp-place-search>
  • <gmp-place-search attribution-position="bottom"></gmp-place-search>
orientation
Tür:  PlaceSearchOrientation optional
Varsayılan: PlaceSearchOrientation.VERTICAL
Öğenin yön varyantı (dikey veya yatay).
HTML özelliği:
  • <gmp-place-search orientation="vertical"></gmp-place-search>
  • <gmp-place-search orientation="horizontal"></gmp-place-search>
places
Tür:  Array<Place>
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 optional
Varsayılan: false
Liste öğ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:
  • <gmp-place-search selectable></gmp-place-search>
truncationPreferred
Tür:  boolean optional
Varsayılan: false
Doğruysa, içeriğin belirli satırlarını sarmak yerine tek bir satıra sığacak şekilde keser.
HTML özelliği:
  • <gmp-place-search truncation-preferred></gmp-place-search>
--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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
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.
attributionPosition 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 optional
Gö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.
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.
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.
place
Tür:  Place
Seç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.
PlaceNearbySearchRequestElement
PlaceNearbySearchRequestElement([options])
Parametreler: 
excludedPrimaryTypes
Tür:  Array<string> optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-nearby-search-request excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."></gmp-place-nearby-search-request>
excludedTypes
Tür:  Array<string> optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-nearby-search-request excluded-types="excluded-type1 excluded-type2..."></gmp-place-nearby-search-request>
includedPrimaryTypes
Tür:  Array<string> optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-nearby-search-request included-primary-types="included-primary-type1 included-primary-type2..."></gmp-place-nearby-search-request>
includedTypes
Tür:  Array<string> optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-nearby-search-request included-types="included-type1 included-type2..."></gmp-place-nearby-search-request>
locationRestriction
Tür:  Circle|CircleLiteral optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-nearby-search-request location-restriction="radius@lat,lng"></gmp-place-nearby-search-request>
maxResultCount
Tür:  number optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-nearby-search-request max-result-count="number"></gmp-place-nearby-search-request>
rankPreference
Varsayılan: null
HTML özelliği:
  • <gmp-place-nearby-search-request rank-preference="preference"></gmp-place-nearby-search-request>
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PlaceNearbySearchRequestElementOptions arayüzü

google.maps.places.PlaceNearbySearchRequestElementOptions arayüz

PlaceNearbySearchRequestElement için seçenekler.
excludedPrimaryTypes optional
Tür:  Array<string> optional
Hariç 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> optional
Hariç 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> optional
Dahil 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> optional
Dahil 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 optional
Aranacak bölge. Daha fazla bilgi için PlaceNearbySearchRequestElement.locationRestriction ve SearchNearbyRequest.locationRestriction sayfalarına göz atın.
maxResultCount optional
Tür:  number optional
Dö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
Sonuç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.
PlaceTextSearchRequestElement
PlaceTextSearchRequestElement([options])
Parametreler: 
evConnectorTypes
Tür:  Array<EVConnectorType> optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request ev-connector-types="ev-connector-type1 ev-connector-type2..."></gmp-place-text-search-request>
evMinimumChargingRateKw
Tür:  number optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request ev-minimum-charging-rate-kw="rate"></gmp-place-text-search-request>
includedType
Tür:  string optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request included-type="type"></gmp-place-text-search-request>
isOpenNow
Tür:  boolean optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request is-open-now="true"></gmp-place-text-search-request>
locationBias
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request location-bias="lat,lng"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="lat,lng[,altitude]"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="swlat,swlng|nelat,nelng"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="radius@lat,lng"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="IP_BIAS"></gmp-place-text-search-request>
locationRestriction
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request location-restriction="swlat,swlng|nelat,nelng"></gmp-place-text-search-request>
maxResultCount
Tür:  number optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request max-result-count="number"></gmp-place-text-search-request>
minRating
Tür:  number optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request min-rating="number"></gmp-place-text-search-request>
priceLevels
Tür:  Array<PriceLevel> optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request price-levels="price-level1 price-level2..."></gmp-place-text-search-request>
rankPreference
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request rank-preference="preference"></gmp-place-text-search-request>
textQuery
Tür:  string optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request text-query="string"></gmp-place-text-search-request>
useStrictTypeFiltering
Tür:  boolean optional
Varsayılan: null
HTML özelliği:
  • <gmp-place-text-search-request use-strict-type-filtering></gmp-place-text-search-request>
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PlaceTextSearchRequestElementOptions arayüzü

google.maps.places.PlaceTextSearchRequestElementOptions arayüz

PlaceTextSearchRequestElement için seçenekler.
evConnectorTypes optional
Tür:  Array<EVConnectorType> optional
Tercih 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 optional
Kilovat 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 optional
Aramayı ş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
Arama için konum önyargısı. Daha fazla bilgi için SearchByTextRequest.locationBias ve PlaceTextSearchRequestElement.locationBias sayfalarına göz atın.
locationRestriction optional
Arama 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 optional
Dö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 optional
Ortalama 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> optional
Aramayı 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
Sonuç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 optional
Metin 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 optional
SearchByTextRequest.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.
Autocomplete
Autocomplete(inputField[, opts])
Parametreler: 
Belirtilen giriş metni alanına verilen seçeneklerle eklenen yeni bir Autocomplete örneği oluşturur.
getBounds
getBounds()
Parametreler: Yok
Dönüş Değeri:  LatLngBounds|undefined Sapma sınırları.
Tahminlerin yönlendirildiği sınırları döndürür.
getFields
getFields()
Parametreler: Yok
İade Değeri:  Array<string>|undefined
Ayrıntılar başarıyla alındığında, ayrıntılar yanıtında Yere dahil edilecek alanları döndürür. Alanların listesi için PlaceResult adresini ziyaret edin.
getPlace
getPlace()
Parametreler: Yok
Dönüş Değeri:  PlaceResult Kullanıcı tarafından seçilen yer.
Ayrıntılar başarıyla alındıysa kullanıcı tarafından seçilen yerin ayrıntılarını döndürür. Aksi takdirde, name özelliği giriş alanının geçerli değerine ayarlanmış bir taslak Yer nesnesi döndürür.
setBounds
setBounds(bounds)
Parametreler: 
Döndürülen Değer: Yok
Yer sonuçlarının döndürüleceği tercih edilen alanı ayarlar. Sonuçlar bu bölgeye yönelik olsa da bu bölgeyle sınırlı değildir.
setComponentRestrictions
setComponentRestrictions(restrictions)
Parametreler: 
Döndürülen Değer: Yok
Bileşen kısıtlamalarını ayarlar. Bileşen kısıtlamaları, tahminleri yalnızca üst bileşendeki tahminlerle sınırlamak için kullanılır. Örneğin, ülke.
setFields
setFields(fields)
Parametreler: 
  • fields:  Array<string> optional
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: 
  • types:  Array<string> optional Dahil edilecek tahmin türleri.
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
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.
bounds optional
Yerlerin aranacağı alan.
componentRestrictions optional
Tür:  ComponentRestrictions optional
Bileşen kısıtlamaları. Bileşen kısıtlamaları, tahminleri yalnızca üst bileşendeki tahminlerle sınırlamak için kullanılır. Örneğin, ülke.
fields optional
Tür:  Array<string> optional
Ayrıntılar başarıyla alındığında ayrıntılar yanıtına eklenecek alanlar (bunlar için faturalandırılırsınız). ['ALL'] iletilirse tüm kullanılabilir alanlar döndürülür ve bunlar için faturalandırma yapılır (bu, üretim dağıtımları için önerilmez). Alanların listesi için PlaceResult adresini ziyaret edin. İç içe yerleştirilmiş alanlar nokta yollarıyla (ör. "geometry.location") belirtilebilir. Varsayılan değer ['ALL']'dir.
placeIdOnly optional
Tür:  boolean optional
Yalnızca yer kimliklerinin mi alınacağını belirtir. place_changed etkinliği tetiklendiğinde kullanılabilen PlaceResult yalnızca place_id, türler ve ad alanlarına sahip olur. Bu alanlar, Otomatik Tamamlama hizmeti tarafından döndürülen place_id, türler ve açıklama ile doldurulur. Varsayılan olarak devre dışıdır.
strictBounds optional
Tür:  boolean optional
Bir Boole değeri. Otomatik Tamamlama widget'ının, sorgu gönderildiği sırada yalnızca Otomatik Tamamlama widget'ının sınırları içinde olan yerleri döndürmesi gerektiğini belirtir. strictBounds'u false olarak ayarlamak (varsayılan değer) sonuçları sınırlar içinde yer alan yerlere doğru yönlendirir ancak bu yerlerle sınırlamaz.
types optional
Tür:  Array<string> optional
Döndürülecek tahmin türleri. Desteklenen türler için geliştirici kılavuzuna bakın. Tür belirtilmezse tüm türler döndürülür.

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.
SearchBox
SearchBox(inputField[, opts])
Parametreler: 
Belirtilen giriş metni alanına verilen seçeneklerle eklenen yeni bir SearchBox örneği oluşturur.
getBounds
getBounds()
Parametreler: Yok
İade Değeri:  LatLngBounds|undefined
Sorgu tahminlerinin yönlendirildiği sınırları döndürür.
getPlaces
getPlaces()
Parametreler: Yok
İade Değeri:  Array<PlaceResult>|undefined
Kullanıcı tarafından places_changed etkinliğiyle kullanılmak üzere seçilen sorguyu döndürür.
setBounds
setBounds(bounds)
Parametreler: 
Döndürülen Değer: Yok
Sorgu tahminlerini etkilemek için kullanılacak bölgeyi ayarlar. Sonuçlar yalnızca bu alana yönelik olarak taraflı olacak ve tamamen bu alanla sınırlı olmayacaktır.
Devralındı: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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.
bounds optional
Sorgu tahminlerinin yönlendirileceği alan. Tahminler bu sınırları hedefleyen sorgulara yönelik olarak yanlıdır ancak bunlarla sınırlı değildir.