Places Widgets

PlaceAutocompleteElement sınıfı

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

PlaceAutocompleteElement, Yer Adı Otomatik Tamamlama API'si 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 otomatik olarak AutocompleteSessionToken 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.

Oturum jetonlarının işleyiş şekli 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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceAutocompleteElementOptions'yi uygular.

const {PlaceAutocompleteElement} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
PlaceAutocompleteElement
PlaceAutocompleteElement(options)
Parametreler: 
includedPrimaryTypes
Tür:  Array<string> optional
Dahil edilen birincil yer türü (örneğin, "restaurant" veya "gas_station").

Bir yer, yalnızca birincil türü bu listede yer alıyorsa döndürülür. En fazla 5 değer belirtilebilir. Hiçbir 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 esnek bir sınır veya ipucu.
locationRestriction
Tür:  LocationRestriction optional
Arama sonuçlarını kısıtlayacak 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 göz atın. Girişler için ad özelliğiyle aynı şekilde davranır. Form gönderilirken bu adın kullanılacağını unutmayın. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form adresini ziyaret edin.
HTML özelliği:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
Mesafe hesaplamasının yapılacağı başlangıç noktası. Belirtilmezse mesafe hesaplanmaz. Belirtilmişse rakım 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>
placeholder
Tür:  string
Giriş öğesinde gösterilecek yer tutucu metin.
requestedLanguage
Tür:  string optional
Mümkünse sonuçların döndürülmesi gereken dil için bir dil tanımlayıcı. Seçilen dildeki sonuçlar daha yüksek bir sıralamaya sahip olabilir 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çimlendirme ve sonuç filtreleme için kullanılan bölge kodu. Öneriler bu ülkeyle sınırlı değildir. Bölge kodu, iki karakterli bir ccTLD ("üst düzey alan") değerini kabul eder. Çoğu ccTLD kodu, bazı önemli istisnalar dışında ISO 3166-1 kodlarıyla aynıdır. Örneğin, Birleşik Krallık'ın ccTLD'si "uk" (.co.uk) iken ISO 3166-1 kodu "gb"dir (teknik olarak "Büyük Britanya ve Kuzey İrlanda Birleşik Krallığı" tüzel kişiliği 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>
value
Tür:  string
Giriş öğesinin değeri.
prediction-item-icon
Bu alan, tahmin öğesinin yanında gösterilen simge olarak oluşturulacak tam olarak bir <template> öğesini kabul eder.
input
Otomatik tamamlama öğesi için giriş öğesi.
prediction-item
Tahminler açılır listesinde tek bir tahmini temsil eden öğe.
prediction-item-icon
Tahminler listesindeki her öğenin solunda gösterilen simge.
prediction-item-main-text
prediction-item'ın, tahminin ana metni olan kısmı. Coğrafi konumlar için bu, "İstanbul" gibi bir yer adı veya "Atatürk Caddesi No: 10" gibi bir sokak adı ve numarası içerir. Varsayılan olarak prediction-item-main-text siyah renklidir. prediction-item'da ek metin varsa bu metin prediction-item-main-text'in dışındadır ve stilini prediction-item'dan devralır. Varsayılan olarak gri renklidir. Ek metin genellikle bir adrestir.
prediction-item-match
Döndürülen tahminin, kullanıcının girişiyle eşleşen kısmı. Varsayılan olarak, bu eşleşen metin kalın metinle vurgulanır. Eşleşen metnin, prediction-item içinde herhangi bir yerde olabileceğini unutmayın. prediction-item-main-text'in bir parçası olması gerekmez.
prediction-item-selected
Kullanıcı klavyeyi kullanarak öğeye gittiğinde öğe. Not: Seçilen öğeler hem bu parça stillerinden hem de tahmin öğesi parça stillerinden etkilenir.
prediction-list
Yer Adı 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
Öğenin yazı tipini geçersiz kılar.
color-scheme
Bu öğenin hangi renk şemasında oluşturulabileceğini gösterir. Daha fazla bilgi için color-scheme belgelerine göz atın. Varsayılan değer: color-scheme: light dark.
font
Öğenin yazı tipini geçersiz kılar.
font-family
Öğenin yazı tipini geçersiz kılar.
font-size
Öğenin yazı tipini geçersiz kılar.
font-style
Öğenin yazı tipini geçersiz kılar.
font-weight
Öğenin yazı tipini geçersiz kılar.
line-height
Öğenin yazı tipini geçersiz kılar.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
gmp-error
function(errorEvent)
Bağımsız değişkenler: 
Bu etkinlik, arka uca gönderilen bir istek reddedildiğinde (ör. yanlış API anahtarı) tetiklenir. Bu etkinlik kabarcık oluşturmaz.
gmp-select
function(placePredictionSelectEvent)
Bağımsız değişkenler: 
Bu etkinlik, kullanıcı bir yer tahmini seçtiğinde tetiklenir. Place nesnesine dönüştürülebilen bir PlacePrediction nesnesi içerir.

PlaceAutocompleteElementOptions arayüzü

google.maps.places.PlaceAutocompleteElementOptions arayüz

PlaceAutocompleteElement oluşturma seçenekleri. Her bir özelliğin açıklaması için PlaceAutocompleteElement sınıfındaki aynı ada sahip ö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
value optional
Tür:  string optional
Giriş öğesinin değeri.

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. Seçime event.placePrediction ile erişin.

PlacePrediction.toPlace yöntemini çağırarak placePrediction'ı Place nesnesine dönüştürün.

Bu sınıf, Event sınıfını genişletir.

const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
placePrediction
PlacePrediction.toPlace numarasını arayarak bu rezervasyonu Place rezervasyonuna dönüştürün.

BasicPlaceAutocompleteElement sınıfı

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

BasicPlaceAutocompleteElement, Yer Adı Otomatik Tamamlama API'si için bir kullanıcı arayüzü bileşeni sağlayan bir 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, HTMLElement sınıfını genişletir.

Bu sınıf, BasicPlaceAutocompleteElementOptions'yi uygular.

const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
BasicPlaceAutocompleteElement
BasicPlaceAutocompleteElement(options)
Parametreler: 
includedPrimaryTypes
Tür:  Array<string> optional
Dahil edilen birincil yer türü (örneğin, "restaurant" veya "gas_station").

Bir yer, yalnızca birincil türü bu listede yer alıyorsa döndürülür. En fazla 5 değer belirtilebilir. Hiçbir 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 esnek bir sınır veya ipucu.
locationRestriction
Tür:  LocationRestriction optional
Arama sonuçlarını kısıtlayacak 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 göz atın. Girişler için ad özelliğiyle aynı şekilde davranır. Form gönderilirken bu adın kullanılacağını unutmayın. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form adresini ziyaret edin.
HTML özelliği:
  • <gmp-basic-place-autocomplete name="string"></gmp-basic-place-autocomplete>
origin
Mesafe hesaplamasının yapılacağı başlangıç noktası. Belirtilmezse mesafe hesaplanmaz. Belirtilmişse rakım 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ı. Seçilen dildeki sonuçlar daha yüksek bir sıralamaya sahip olabilir 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çimlendirme ve sonuç filtreleme için kullanılan bölge kodu. Öneriler bu ülkeyle sınırlı değildir. Bölge kodu, iki karakterli bir ccTLD ("üst düzey alan") değerini kabul eder. Çoğu ccTLD kodu, bazı önemli istisnalar dışında ISO 3166-1 kodlarıyla aynıdır. Örneğin, Birleşik Krallık'ın ccTLD'si "uk" (.co.uk) iken ISO 3166-1 kodu "gb"dir (teknik olarak "Büyük Britanya ve Kuzey İrlanda Birleşik Krallığı" tüzel kişiliği 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 alan, tahmin öğesinin yanında gösterilen simge olarak oluşturulacak tam olarak bir <template> öğesini kabul eder.
input
Otomatik tamamlama öğesi için giriş öğesi.
prediction-item
Tahminler açılır listesinde tek bir tahmini temsil eden öğe.
prediction-item-icon
Tahminler listesindeki her öğenin solunda gösterilen simge.
prediction-item-main-text
prediction-item'ın, tahminin ana metni olan kısmı. Coğrafi konumlar için bu, "İstanbul" gibi bir yer adı veya "Atatürk Caddesi No: 10" gibi bir sokak adı ve numarası içerir. Varsayılan olarak prediction-item-main-text siyah renklidir. prediction-item'da ek metin varsa bu metin prediction-item-main-text'in dışındadır ve stilini prediction-item'dan devralır. Varsayılan olarak gri renklidir. Ek metin genellikle bir adrestir.
prediction-item-match
Döndürülen tahminin, kullanıcının girişiyle eşleşen kısmı. Varsayılan olarak, bu eşleşen metin kalın metinle vurgulanır. Eşleşen metnin, prediction-item içinde herhangi bir yerde olabileceğini unutmayın. prediction-item-main-text'in bir parçası olması gerekmez.
prediction-item-selected
Kullanıcı klavyeyi kullanarak öğeye gittiğinde öğe. Not: Seçilen öğeler hem bu parça stillerinden hem de tahmin öğesi parça stillerinden etkilenir.
prediction-list
Yer Adı 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
Öğenin yazı tipini geçersiz kılar.
color-scheme
Bu öğenin hangi renk şemasında oluşturulabileceğini gösterir. Daha fazla bilgi için color-scheme belgelerine göz atın. Varsayılan değer: color-scheme: light dark.
font
Öğenin yazı tipini geçersiz kılar.
font-family
Öğenin yazı tipini geçersiz kılar.
font-size
Öğenin yazı tipini geçersiz kılar.
font-style
Öğenin yazı tipini geçersiz kılar.
font-weight
Öğenin yazı tipini geçersiz kılar.
line-height
Öğenin yazı tipini geçersiz kılar.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
gmp-error
function(errorEvent)
Bağımsız değişkenler: 
Bu etkinlik, arka uca gönderilen bir istek reddedildiğinde (ör. yanlış API anahtarı) tetiklenir. Bu etkinlik kabarcık oluşturmaz.
gmp-select
function(placeSelectEvent)
Bağımsız değişkenler: 
Bu etkinlik, kullanıcı bir yer tahmini seçtiğinde tetiklenir. Place 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

PlaceDetailsElement sınıfı

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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceDetailsElementOptions'yi uygular.

const {PlaceDetailsElement} = await google.maps.importLibrary("places") numarasını 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üntü 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 kenar 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 kenar yarıçapı.
--gmp-dialog-border-radius
Google Haritalar açıklama iletişim kutusunun kenar yarıçapı.
--gmp-mat-color-disabled-surface
Devre dışı durumları veya yokluğu belirtmek için kullanılan yüzey rengi. Boş yorum yıldızları için kullanılır.
--gmp-mat-color-info
Bilgilendirme amaçlı kullanıcı arayüzü öğelerinin rengi. Tekerlekli sandalye simgesi için kullanılır.
--gmp-mat-color-negative
Olumsuz duygu içeren kullanıcı arayüzü öğelerinin rengi. Şu anda açık durumundaki "Kapalı" metni için 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 yorum yayınlanma tarihi rozeti için kullanılır.
--gmp-mat-color-on-neutral-container
Nötr kapsayıcı rengine göre metin ve simgelerin rengi. Yorum yayınlanma tarihi rozeti ve EV şarj cihazı müsaitlik durumu rozeti için kullanılır (müsaitlik durumu bilgisi yoksa).
--gmp-mat-color-on-positive-container
Pozitif kapsayıcı rengine göre metinlerin ve simgelerin rengi. Mümkün olduğunda EV şarj cihazı kullanılabilirlik rozeti için kullanılır.
--gmp-mat-color-on-secondary-container
İkincil kapsayıcı rengine göre metin ve simgelerin 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 simgelerin 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 düşük vurgu rengi. Daha az vurgulanan metinler için kullanılır.
--gmp-mat-color-outline-decorative
Etkileşimli olmayan öğelerin dış çizgi rengi. Öğenin kenarlığı için kullanılır.
--gmp-mat-color-positive
Olumlu yaklaşım içeren kullanıcı arayüzü öğelerinin rengi. Şu anda açık durumundaki "Açık" metni için kullanılır.
--gmp-mat-color-positive-container
Olumlu duyguları ifade eden kullanıcı arayüzü öğeleri için kapsayıcı rengi. Mümkün olduğunda EV şarj cihazı kullanılabilirlik rozeti için kullanılır.
--gmp-mat-color-primary
Etkileşimli metin ve simgelerin yüzey rengine göre rengi. Yorum sayısı, Google Haritalar açıklama iletişim kutusundaki bağlantılar, web sitesi bağlantısı, genel bakış sekmesindeki simgeler ve sekme çubuğu başlıklarında (fareyle üzerine gelme/odaklanma/metin rengi) kullanılır.
--gmp-mat-color-secondary-container
Tonal düğmeler gibi çekinik bileşenler için yüzeye göre daha az belirgin dolgu rengi. "Haritalar'da aç" düğmesinin arka planı için kullanılır.
--gmp-mat-color-surface
Arka plan rengi. Öğenin arka planları ve Google Haritalar açıklama iletişim kutusu için kullanılır.
--gmp-mat-font-body-medium
Google Haritalar açıklama iletişim kutusunda yer adresi, puan, tür, fiyat, şu anda açık durumu, çalışma saatleri, yorum, telefon numarası, web sitesi, Plus Code, 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
"Hakkında" sekmesindeki her özellik başlığının metni ve yer adı 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
Sekme başlıkları, "Haritalar'da aç" düğmesi, fotoğraf galerisindeki yorumcu atıf metni, yorumlar bölümündeki yorumcu atıf metni ve Google Haritalar açıklama iletişim kutusundaki bağlantılar için kullanılır.
--gmp-mat-font-label-medium
Fotoğraf sayısı rozeti ve yorum yayınlanma 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
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-extra-small
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-large
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-medium
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-small
Öğe 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
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-star-rating-color
Puandaki 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ında oluşturulabileceğini gösterir. Daha fazla bilgi için color-scheme belgelerine göz atın. Varsayılan değer: color-scheme: light dark.
font-size
Öğedeki tüm metin ve simgeleri ölçeklendirir. Bunlar dahili olarak em cinsinden tanımlanır. Varsayılan değer: 16px.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
gmp-error
function(event)
Bağımsız değişkenler: 
Bu etkinlik, arka uca gönderilen bir istek reddedildiğinde (ör. yanlış API anahtarı) tetiklenir. Bu etkinlik kabarcık oluşturmaz.
gmp-load
function(event)
Bağımsız değişkenler: 
Bu etkinlik, öğe içeriğini yükleyip oluşturduğunda tetiklenir. Bu etkinlik kabarcık oluşturmaz.

PlaceDetailsElementOptions arayüzü

google.maps.places.PlaceDetailsElementOptions arayüz

PlaceDetailsElement için seçenekler.

PlaceDetailsCompactElement sınıfı

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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceDetailsCompactElementOptions'yi uygular.

const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places") numarasını 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üntü alanını içeren yer nesnesi.
truncationPreferred
Tür:  boolean
Varsayılan: false
Doğru ise yer adını ve adresini, kaydırmak yerine tek bir 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 kenar 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 kenar yarıçapı.
--gmp-mat-color-info
Bilgilendirme amaçlı kullanıcı arayüzü öğelerinin rengi. Tekerlekli sandalye simgesi için kullanılır.
--gmp-mat-color-negative
Olumsuz duygu içeren kullanıcı arayüzü öğelerinin rengi. Şu anda açık durumundaki "Kapalı" metni için 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 göre metin ve simgelerin 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 simgelerin 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 düşük vurgu rengi. Daha az vurgulanan metinler için kullanılır.
--gmp-mat-color-outline-decorative
Etkileşimli olmayan öğelerin dış çizgi rengi. Öğenin kenarlığı için kullanılır.
--gmp-mat-color-positive
Olumlu yaklaşım içeren kullanıcı arayüzü öğelerinin rengi. Şu anda açık durumundaki "Açık" metni için kullanılır.
--gmp-mat-color-primary
Etkileşimli metin ve simgelerin yüzey rengine göre rengi. Yorum sayısının yanı sıra Google Haritalar açıklama iletişim kutusundaki bağlantılar için kullanılır.
--gmp-mat-color-secondary-container
Tonal düğmeler gibi çekinik bileşenler için yüzeye göre daha az belirgin dolgu rengi. "Haritalar'da aç" düğmesinin arka planı için kullanılır.
--gmp-mat-color-surface
Arka plan rengi. Öğenin arka planları ve Google Haritalar açıklama iletişim kutusu 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
Yerin adresi, puanı, türü, fiyatı ve şu an açık olma 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 atıf 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
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-large
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-medium
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-small
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-star-rating-color
Puandaki dolu yıldızların rengi.
--gmp-thumbnail-border-radius
Yerin küçük resminin 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ında oluşturulabileceğini gösterir. Daha fazla bilgi için color-scheme belgelerine göz atın. Varsayılan değer: color-scheme: light dark.
font-size
Öğedeki tüm metin ve simgeleri ölçeklendirir. Bunlar dahili olarak em cinsinden tanımlanır. Varsayılan değer: 16px.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
gmp-error
function(event)
Bağımsız değişkenler: 
Bu etkinlik, arka uca gönderilen bir istek reddedildiğinde (ör. yanlış API anahtarı) tetiklenir. Bu etkinlik kabarcık oluşturmaz.
gmp-load
function(event)
Bağımsız değişkenler: 
Bu etkinlik, öğe içeriğini yükleyip oluşturduğunda tetiklenir. Bu etkinlik kabarcık oluşturmaz.

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 yön varyantları.

const {PlaceDetailsOrientation} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
HORIZONTAL Yatay yön.
VERTICAL Dikey yön.

PlaceDetailsPlaceRequestElement sınıfı

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

Bir yer nesnesi, kimlik veya kaynak adına göre veri yüklemek için PlaceDetailsCompactElement ya da PlaceDetailsElement yapılandırır. Belirtilen yerin verilerini yüklemek için bu öğeyi bir 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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceDetailsPlaceRequestElementOptions'yi uygular.

const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places") numarasını 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ı gösterilecek yer nesnesi, kimliği veya kaynak adı. Bu özellik, özelliğe kaynak adı olarak yansıtılı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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

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 sınıfı

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

Bir konuma göre veri yüklemek için PlaceDetailsCompactElement veya PlaceDetailsElement yapılandırır. Belirtilen konumun verilerini yüklemek için bu öğeyi bir 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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceDetailsLocationRequestElementOptions'yi uygular.

const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places") numarasını 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 gösterileceği konum. LatLngAltitude değerine 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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

PlaceDetailsLocationRequestElementOptions arayüzü

google.maps.places.PlaceDetailsLocationRequestElementOptions arayüz

PlaceDetailsLocationRequestElement için seçenekler.
location optional
Yerin oluşturulacağı konum.

PlaceSearchElement sınıfı

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

Yer arama sonuçlarını liste halinde gösterir. Sonuçların oluşturulacağı isteği belirtmek için 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 öğesini 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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceSearchElementOptions'yi uygular.

const {PlaceSearchElement} = await google.maps.importLibrary("places") numarasını 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üntü alanlarını içeren Place nesneleri dizisi.
selectable
Tür:  boolean optional
Varsayılan: false
Liste öğelerinin seçilebilir olup olmadığı. Doğru ise liste öğeleri, tıklandığında gmp-select etkinliğini gönderen düğmeler olur. Erişilebilir klavye ile gezinme ve seçim de desteklenir.
HTML özelliği:
  • <gmp-place-search selectable></gmp-place-search>
truncationPreferred
Tür:  boolean optional
Varsayılan: false
Doğru ise belirli içerik satırlarını kaydırmak yerine tek bir satıra sığacak şekilde kısaltır.
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ı için kenarlık yarıçapı.
--gmp-dialog-border-radius
Google Haritalar açıklama iletişim kutusunun kenarlık yarıçapı.
--gmp-mat-color-info
Bilgilendirme amaçlı kullanıcı arayüzü öğelerinin rengi. Tekerlekli sandalye kullanıcılarına uygun giriş simgesi için kullanılır.
--gmp-mat-color-negative
Olumsuz duygu içeren 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 yükleme yer tutucu şekilleri için kullanılır.
--gmp-mat-color-on-neutral-container
Nötr kapsayıcıdaki metin ve simgelerin rengi. Yorum tarihi metni ve yükleme hatası metni için kullanılır.
--gmp-mat-color-on-secondary-container
İkincil kapsayıcı rengine göre metin ve simgelerin rengi. Düğme metni ve simgeler için kullanılır.
--gmp-mat-color-on-surface
Yüzey rengine göre metin ve simgelerin rengi. Başlıklar ve iletişim kutusu içeriği için kullanılır.
--gmp-mat-color-on-surface-variant
Yüzey rengine göre 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 dış çizgi rengi. Kapsayıcı kenarlığı için kullanılır.
--gmp-mat-color-positive
Olumlu yaklaşım içeren kullanıcı arayüzü öğelerinin rengi. Bir yerin çalışma saatleri için "Açık" etiketinde kullanılır.
--gmp-mat-color-primary
Etkileşimli metin ve simgelerin yüzey rengine göre 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 plan 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
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-large
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-medium
Öğe içindeki boşluklar (ör. metnin etrafındaki kenar boşluğu ve dolgu) için kullanılır.
--gmp-mat-spacing-small
Öğe 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
Yerin 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ında oluşturulabileceğini gösterir. Daha fazla bilgi için color-scheme belgelerine göz atın. Varsayılan değer: color-scheme: light dark.
font-size
Öğedeki tüm metin ve simgeleri ölçeklendirir. Varsayılan değer: 16px.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
gmp-error
function(event)
Bağımsız değişkenler: 
Bu etkinlik, arka uca gönderilen bir istek reddedildiğinde (ör. yanlış API anahtarı) tetiklenir. Bu etkinlik kabarcık oluşturmaz.
gmp-load
function(event)
Bağımsız değişkenler: 
Bu etkinlik, öğe içeriğini yükleyip oluşturduğunda tetiklenir. Bu etkinlik kabarcık oluşturmaz.
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üntü 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") numarasını 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 yön varyantları.

const {PlaceSearchOrientation} = await google.maps.importLibrary("places") numarasını 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. Seçime event.place ile erişin.

Bu sınıf, Event sınıfını genişletir.

const {PlaceSelectEvent} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
place
Tür:  Place
Seçilen yer.

PlaceNearbySearchRequestElement sınıfı

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

Sonuçları yakındaki arama isteğine göre yüklemek için bir PlaceSearchElement yapılandırır. Arama öğesinin yüklenmesi için locationRestriction özelliği gereklidir. locationRestriction ayarlanmazsa yapılandırılmış diğer tüm özellikler yoksayılır. Sonuçları yüklemek için bu öğeyi bir 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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceNearbySearchRequestElementOptions'yi uygular.

const {PlaceNearbySearchRequestElement} = await google.maps.importLibrary("places") numarasını 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
Hariç tutulan birincil yer türleri.
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
Hariç tutulan yer türleri.
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
Dahil edilen birincil yer türü.
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
Dahil edilen yer türü.
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
Aranacak bölge. Circle değerine normalleştirilir.
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
Döndürülecek maksimum sonuç sayısı.
HTML özelliği:
  • <gmp-place-nearby-search-request max-result-count="number"></gmp-place-nearby-search-request>
rankPreference
Varsayılan: null
Yanıttaki sonuçların nasıl sıralanacağı.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

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 bakı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 bakı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 bakı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 bakın.
locationRestriction optional
Tür:  Circle|CircleLiteral optional
Aranacak bölge. Daha fazla bilgi için PlaceNearbySearchRequestElement.locationRestriction ve SearchNearbyRequest.locationRestriction sayfalarına bakı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 bakın.
rankPreference optional
Yanıttaki sonuçların nasıl sıralanacağı. Daha fazla bilgi için PlaceNearbySearchRequestElement.rankPreference ve SearchNearbyRankPreference sayfalarına bakın.

PlaceTextSearchRequestElement sınıfı

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

Sonuçları metin arama isteğine göre yüklemek için bir PlaceSearchElement yapılandırır. Arama öğesinin yüklenmesi için textQuery özelliği gereklidir. textQuery ayarlanmazsa yapılandırılmış diğer tüm özellikler yoksayılır. Sonuçları yüklemek için bu öğeyi bir 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, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceTextSearchRequestElementOptions'yi uygular.

const {PlaceTextSearchRequestElement} = await google.maps.importLibrary("places") numarasını 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
Tercih edilen elektrikli araç konnektör türlerinin listesi.
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
Kilovat cinsinden gereken minimum şarj hızı.
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
İstenen yer türü.
HTML özelliği:
  • <gmp-place-text-search-request included-type="type"></gmp-place-text-search-request>
isOpenNow
Tür:  boolean optional
Varsayılan: null
Aramayı şu anda açık olan yerlerle kısıtlamak için kullanılır.
HTML özelliği:
  • <gmp-place-text-search-request is-open-now="true"></gmp-place-text-search-request>
locationBias
Tür:  LocationBias optional
Varsayılan: null
Arama için konum tercihi. LatLngAltitude | LatLngBounds | Circle | string değerine normalleştirilir.
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
Arama için konum kısıtlaması. LatLngBounds değerine normalleştirilir.
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
Döndürülecek maksimum sonuç sayısı.
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
Ortalama kullanıcı puanı bu sınırın altında olan sonuçları filtreleyin.
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
Aramayı belirli fiyat seviyeleri olarak işaretlenmiş yerlerle kısıtlamak için kullanılır.
HTML özelliği:
  • <gmp-place-text-search-request price-levels="price-level1 price-level2..."></gmp-place-text-search-request>
rankPreference
Varsayılan: null
Yanıttaki sonuçların nasıl sıralanacağı.
HTML özelliği:
  • <gmp-place-text-search-request rank-preference="preference"></gmp-place-text-search-request>
textQuery
Tür:  string optional
Varsayılan: null
Metin araması için metin sorgusu.
HTML özelliği:
  • <gmp-place-text-search-request text-query="string"></gmp-place-text-search-request>
useStrictTypeFiltering
Tür:  boolean optional
Varsayılan: null
"includedType" için katı tür filtrelemeyi ayarlamak üzere kullanılır.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

PlaceTextSearchRequestElementOptions interface

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 bakın.
evMinimumChargingRateKw optional
Tür:  number optional
Kilovat cinsinden gereken minimum şarj hızı. Daha fazla bilgi için SearchByTextRequest.evSearchOptions ve PlaceTextSearchRequestElement.evMinimumChargingRateKw sayfalarına bakın.
includedType optional
Tür:  string optional
İstenen yer türü. Daha fazla bilgi için SearchByTextRequest.includedType ve PlaceTextSearchRequestElement.includedType sayfalarına bakın.
isOpenNow optional
Tür:  boolean optional
Aramayı şu anda açık olan yerlerle kısıtlamak için kullanılır. Daha fazla bilgi için SearchByTextRequest.isOpenNow ve PlaceTextSearchRequestElement.isOpenNow sayfalarına bakın.
locationBias optional
Tür:  LocationBias optional
Arama için konum tercihi. Daha fazla bilgi için SearchByTextRequest.locationBias ve PlaceTextSearchRequestElement.locationBias sayfalarına bakın.
locationRestriction optional
Arama için konum kısıtlaması. Daha fazla bilgi için SearchByTextRequest.locationRestriction ve PlaceTextSearchRequestElement.locationRestriction sayfalarına bakı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 bakın.
minRating optional
Tür:  number optional
Ortalama kullanıcı puanı bu sınırın altında olan sonuçları filtreleyin. Daha fazla bilgi için SearchByTextRequest.minRating ve PlaceTextSearchRequestElement.minRating sayfalarına bakın.
priceLevels optional
Tür:  Array<PriceLevel> optional
Aramayı belirli fiyat seviyeleri olarak işaretlenmiş yerlerle kısıtlamak için kullanılır. Daha fazla bilgi için SearchByTextRequest.priceLevels ve PlaceTextSearchRequestElement.priceLevels sayfalarına bakın.
rankPreference optional
Yanıttaki sonuçların nasıl sıralanacağı. Daha fazla bilgi için SearchByTextRequest.rankPreference ve PlaceTextSearchRequestElement.rankPreference sayfalarına bakı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 bakın.
useStrictTypeFiltering optional
Tür:  boolean optional
SearchByTextRequest.includedType için katı tür filtrelemeyi ayarlamak üzere kullanılır. Daha fazla bilgi için SearchByTextRequest.useStrictTypeFiltering ve PlaceTextSearchRequestElement.useStrictTypeFiltering sayfalarına bakın.

Autocomplete 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, MVCObject sınıfını genişletir.

const {Autocomplete} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Autocomplete
Autocomplete(inputField[, opts])
Parametreler: 
Belirtilen seçeneklerle, belirtilen giriş metni alanına eklenen yeni bir Autocomplete örneği oluşturur.
getBounds
getBounds()
Parametreler:  Yok
Döndürülen Değer:  LatLngBounds|undefined Eğilim sınırları.
Tahminlerin saptığı sınırları döndürür.
getFields
getFields()
Parametreler:  Yok
Dönüş Değeri:  Array<string>|undefined
Ayrıntılar başarıyla alındığında, ayrıntı yanıtındaki yer için dahil edilecek alanları döndürür. Alanların listesi için PlaceResult sayfasına bakın.
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 mevcut değerine ayarlanmış bir taslak Place 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 alanla ilgili olacak ancak bu alanla sınırlı olmayacaktır.
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şendekilerle 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ı yanıtındaki yer için dahil edilecek alanları ayarlar. Alanların listesi için PlaceResult sayfasına bakın.
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. Herhangi bir tür belirtilmezse tüm türler döndürülür.
Devralınan: 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ılabilir olduğunda tetiklenir.
Kullanıcı, denetim tarafından önerilmeyen bir yerin adını girip Enter tuşuna basarsa veya 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

Autocomplete nesnesinde ayarlanabilecek 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şendekilerle 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ı yanıtındaki yer için dahil edilecek alanlar (faturalandırılacak). ['ALL'] iletilirse mevcut tüm alanlar döndürülür ve faturalandırılır (Bu, üretim dağıtımları için önerilmez). Alanların listesi için PlaceResult sayfasına bakın. İç içe yerleştirilmiş alanlar, nokta yollarıyla (ör. "geometry.location") belirtilebilir. Varsayılan değer ['ALL'] şeklindedir.
placeIdOnly optional
Tür:  boolean optional
Yalnızca yer kimliklerinin alınıp alınmayacağı. place_changed etkinliği tetiklendiğinde kullanılabilir hale getirilen PlaceResult, yalnızca place_id, types ve name alanlarını içerir. place_id, types ve description, Otomatik Tamamlama hizmeti tarafından döndürülür. Varsayılan olarak devre dışıdır.
strictBounds optional
Tür:  boolean optional
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 belirten bir boole değeri. strictBounds değerini false (varsayılan değer) olarak ayarlamak, sonuçların sınırların içinde yer alan yerlere yönelik olmasını sağlar ancak bu yerlerle sınırlı kalmaz.
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. Herhangi bir 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, MVCObject sınıfını genişletir.

const {SearchBox} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
SearchBox
SearchBox(inputField[, opts])
Parametreler: 
Belirtilen seçeneklerle, belirtilen giriş metni alanına eklenen yeni bir SearchBox örneği oluşturur.
getBounds
getBounds()
Parametreler:  Yok
Dönüş Değeri:  LatLngBounds|undefined
Sorgu tahminlerinin eğilimli olduğu sınırları döndürür.
getPlaces
getPlaces()
Parametreler:  Yok
Dönüş 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 yönlendirmek için kullanılacak bölgeyi ayarlar. Sonuçlar yalnızca bu bölgeye yönelik olacak ve tamamen bu bölgeyle sınırlı olmayacaktır.
Devralınan: 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 ayarlanabilecek seçenekler.
bounds optional
Sorgu tahminlerinin yönlendirileceği alan. Tahminler, bu sınırları hedefleyen sorgulara yöneliktir ancak bunlarla sınırlı değildir.

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örüntülemek için bağlam parçasını kullanan bir widget.

Özel öğe:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceContextualElementOptions'yi uygular.

const {PlaceContextualElement} = await google.maps.importLibrary("places") numarasını 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 parçası.
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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

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 parçası.

PlaceContextualListConfigElement sınıfı

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

Yerle ilgili bağlamsal öğenin liste görünümü için seçenekleri yapılandıran bir HTML öğesi.

Özel öğe:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, PlaceContextualListConfigElementOptions'yi uygular.

const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places") numarasını 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 gizli olup olmadığı.
HTML özelliği:
  • <gmp-place-contextual-list-config map-hidden></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öntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

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.

PlaceContextualListLayout sabitleri

google.maps.places.PlaceContextualListLayout sabitler

Yer bağlam öğesinin liste görünümü için desteklediği düzenlerin listesi.

const {PlaceContextualListLayout} = await google.maps.importLibrary("places") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
COMPACT Sıkıştırılmış liste düzeni: Liste öğeleri, tek bir satırda bağlantı olarak oluşturulur ve taşmalar açılır listede gösterilir.
VERTICAL Dikey liste düzeni: Liste öğeleri, dikey bir listede kart olarak oluşturulur.