Maps Demo Key alın: Maps Demo Key ile belirli Maps JavaScript API ve Places UI Kit özelliklerini ücretsiz olarak deneyin. Fatura bilgisi gerekmez.

Google, içerikleri tercih ettiğiniz dile çevirmek için yapay zeka teknolojisini kullanır. Yapay zeka çevirilerinde hata olabilir.

Places Widgets

PlaceAutocompleteElement sınıfı

class google.maps.places.PlaceAutocompleteElement extends HTMLElement implements PlaceAutocompleteElementOptions
library "places"

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.

<gmp-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-place-autocomplete>

const {PlaceAutocompleteElement} = await google.maps.importLibrary("places");

Marka
`PlaceAutocompleteElement`	`PlaceAutocompleteElement([options])` Parametreler: `options: PlaceAutocompleteElementOptions optional`

Özellikler
`description` attr: description	Tür: `string optional` Giriş öğesi için kullanılacak açıklama. Giriş öğesine odaklanıldığında bu durum ekran okuyucular tarafından algılanır. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby adresini ziyaret edin. HTML özelliği: `description="string"`
`disabled` attr: disabled	Giriş türü: `boolean optional` Çıkış türü: `boolean` Giriş öğesinin devre dışı olup olmadığı. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled adresini ziyaret edin. HTML özelliği: `disabled`
`futureOpeningBusinessesIncluded` attr: future-opening-businesses-included	Tür: `boolean optional` Henüz açık olmayan ancak gelecekte açılması beklenen yerlerin dahil edilip edilmeyeceğini belirtir. HTML özelliği: `future-opening-businesses-included`
`includedPrimaryTypes` attr: included-primary-types	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: `included-primary-types="type1 type2 type3..."`
`includedRegionCodes` attr: included-region-codes	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: `included-region-codes="c1 c2 c3..."`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`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.
`maxlength` attr: maxlength	Tür: `number optional` Kullanıcının girebileceği maksimum karakter sayısı. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength adresini ziyaret edin. HTML özelliği: `maxlength="number"`
`name` attr: 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: `name="string"`
`noClearButton` attr: no-clear-button	Giriş türü: `boolean optional` Çıkış türü: `boolean` Temizle düğmesinin gizlenip gizlenmeyeceğini belirtir. HTML özelliği: `no-clear-button`
`noInputIcon` attr: no-input-icon	Giriş türü: `boolean optional` Çıkış türü: `boolean` Giriş simgesinin gizlenip gizlenmeyeceği. HTML özelliği: `no-input-icon`
`origin` attr: origin	Giriş türü: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` Çıkış türü: `LatLngAltitude optional` Mesafe hesaplamasının yapılacağı başlangıç noktası. Belirtilmezse mesafe hesaplanmaz. Belirtilmişse rakım hesaplamada kullanılmaz. HTML özelliği: `origin="lat,lng"` `origin="lat,lng,altitude"`
`placeholder` attr: placeholder	Tür: `string optional` Giriş öğesi için kullanılacak yer tutucu metin. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder adresini ziyaret edin. HTML özelliği: `placeholder="string"`
`pureServiceAreaBusinessesIncluded` attr: pure-service-area-businesses-included	Tür: `boolean optional` Salt hizmet bölgesi işletmesi olan yerlerin dahil edilip edilmeyeceğini belirtir. HTML özelliği: `pure-service-area-businesses-included`
`readonly` attr: readonly	Giriş türü: `boolean optional` Çıkış türü: `boolean` Giriş öğesinin salt okunur olup olmadığı. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly adresini ziyaret edin. HTML özelliği: `readonly`
`requestedLanguage` attr: requested-language	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: `requested-language="string"`
`requestedRegion` attr: requested-region	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: `requested-region="string"`
`unitSystem` attr: unit-system	Giriş türü: `UnitSystem optional` Çıkış türü: `UnitSystem optional` Mesafeleri göstermek için kullanılan birim sistemi. Belirtilmezse birim sistemi, requestedRegion tarafından belirlenir. HTML özelliği: `unit-system="value-name"`
`value`	Giriş türü: `string optional` Çıkış türü: `string` Giriş öğesinin değeri.

Slot makineleri
`clear-icon`	Yuvalı öğeyi temizleme simgesi konumuna yerleştirir. Giriş kutusunda metin olduğunda, giriş kutusunun sonunda temizleme düğmesi gösterilir.
`input-icon`	Yuvalı öğeyi giriş simgesi konumuna yerleştirir. Giriş simgesi, satır içi modda giriş kutusunun başında gösterilir.
`prediction-item-icon`	Bu alan, tahmin öğesinin yanında gösterilen simge olarak oluşturulacak tam olarak bir `<template>` öğesini kabul eder.

Parçalar
`focus-ring`	Odaklanılan öğenin (giriş veya tahmin öğeleri) etrafındaki odak halkasını görüntülemek için kullanılan öğe
`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 yalnızca prediction-item-main-text içinde vurgulandığını unutmayın.
`prediction-item-nonmatch`	Tahmin ana metninin, kullanıcının girişiyle eşleşmeyen kısmı.
`prediction-item-secondary-text`	Tahminin ikincil metni olan prediction-item'ın bir parçası. Ek metin genellikle bir adrestir.
`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.

CSS Özellikleri
`background-color`	Öğenin arka plan rengini geçersiz kılar.
`border`	Öğenin kenarlığını geçersiz kılar.
`border-radius`	Öğenin kenarlık yarıçapını geçersiz kılar.
`color`	Öğ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.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
`gmp-error`	`function(errorEvent)` Bağımsız değişkenler: `errorEvent: Event optional` 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: `placePredictionSelectEvent: PlacePredictionSelectEvent optional` 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ü

arayüz google.maps.places.PlaceAutocompleteElementOptions
PlaceAutocompleteElement tarafından uygulandı

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.

Özellikler
`description` isteğe bağlı	Tür: `string optional` Giriş öğesi için kullanılacak açıklama. Giriş öğesine odaklanıldığında bu durum ekran okuyucular tarafından algılanır.
`disabled` isteğe bağlı	Tür: `boolean optional`
`futureOpeningBusinessesIncluded` isteğe bağlı	Tür: `boolean optional`
`includedPrimaryTypes` isteğe bağlı	Tür: `Array<string> optional`
`includedRegionCodes` isteğe bağlı	Tür: `Array<string> optional`
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional`
`locationBias` isteğe bağlı	Tür: `LocationBias optional`
`locationRestriction` isteğe bağlı	Tür: `LocationRestriction optional`
`maxlength` isteğe bağlı	Tür: `number optional`
`name` isteğe bağlı	Tür: `string optional`
`noClearButton` isteğe bağlı	Tür: `boolean optional`
`noInputIcon` isteğe bağlı	Tür: `boolean optional`
`origin` isteğe bağlı	Tür: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional`
`placeholder` isteğe bağlı	Tür: `string optional`
`pureServiceAreaBusinessesIncluded` isteğe bağlı	Tür: `boolean optional`
`readonly` isteğe bağlı	Tür: `boolean optional`
`requestedLanguage` isteğe bağlı	Tür: `string optional`
`requestedRegion` isteğe bağlı	Tür: `string optional`
`unitSystem` isteğe bağlı	Tür: `UnitSystem optional`
`value` isteğe bağlı	Tür: `string optional` Giriş öğesinin değeri.

PlacePredictionSelectEvent sınıfı

class google.maps.places.PlacePredictionSelectEvent extends Event
library "places"

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.

const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places");

Özellikler
`placePrediction` readonly	Tür: `PlacePrediction` `PlacePrediction.toPlace` numarasını arayarak bu rezervasyonu `Place` rezervasyonuna dönüştürün.

BasicPlaceAutocompleteElement sınıfı

class google.maps.places.BasicPlaceAutocompleteElement extends HTMLElement implements BasicPlaceAutocompleteElementOptions
library "places"

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.

<gmp-basic-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-basic-place-autocomplete>

const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places");

Marka
`BasicPlaceAutocompleteElement`	`BasicPlaceAutocompleteElement([options])` Parametreler: `options: BasicPlaceAutocompleteElementOptions optional`

Özellikler
`description` attr: description	Tür: `string optional` Giriş öğesi için kullanılacak açıklama. Giriş öğesine odaklanıldığında bu durum ekran okuyucular tarafından algılanır. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby adresini ziyaret edin. HTML özelliği: `description="string"`
`disabled` attr: disabled	Giriş türü: `boolean optional` Çıkış türü: `boolean` Giriş öğesinin devre dışı olup olmadığı. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled adresini ziyaret edin. HTML özelliği: `disabled`
`futureOpeningBusinessesIncluded` attr: future-opening-businesses-included	Tür: `boolean optional` Henüz açık olmayan ancak gelecekte açılması beklenen yerlerin dahil edilip edilmeyeceğini belirtir. HTML özelliği: `future-opening-businesses-included`
`includedPrimaryTypes` attr: included-primary-types	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: `included-primary-types="type1 type2 type3..."`
`includedRegionCodes` attr: included-region-codes	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: `included-region-codes="c1 c2 c3..."`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`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.
`maxlength` attr: maxlength	Tür: `number optional` Kullanıcının girebileceği maksimum karakter sayısı. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength adresini ziyaret edin. HTML özelliği: `maxlength="number"`
`name` attr: 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: `name="string"`
`noClearButton` attr: no-clear-button	Giriş türü: `boolean optional` Çıkış türü: `boolean` Temizle düğmesinin gizlenip gizlenmeyeceğini belirtir. HTML özelliği: `no-clear-button`
`noInputIcon` attr: no-input-icon	Giriş türü: `boolean optional` Çıkış türü: `boolean` Giriş simgesinin gizlenip gizlenmeyeceği. HTML özelliği: `no-input-icon`
`origin` attr: origin	Giriş türü: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` Çıkış türü: `LatLngAltitude optional` Mesafe hesaplamasının yapılacağı başlangıç noktası. Belirtilmezse mesafe hesaplanmaz. Belirtilmişse rakım hesaplamada kullanılmaz. HTML özelliği: `origin="lat,lng"` `origin="lat,lng,altitude"`
`placeholder` attr: placeholder	Tür: `string optional` Giriş öğesi için kullanılacak yer tutucu metin. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder adresini ziyaret edin. HTML özelliği: `placeholder="string"`
`pureServiceAreaBusinessesIncluded` attr: pure-service-area-businesses-included	Tür: `boolean optional` Salt hizmet bölgesi işletmesi olan yerlerin dahil edilip edilmeyeceğini belirtir. HTML özelliği: `pure-service-area-businesses-included`
`readonly` attr: readonly	Giriş türü: `boolean optional` Çıkış türü: `boolean` Giriş öğesinin salt okunur olup olmadığı. Ayrıntılar için https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly adresini ziyaret edin. HTML özelliği: `readonly`
`requestedLanguage` attr: requested-language	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: `requested-language="string"`
`requestedRegion` attr: requested-region	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: `requested-region="string"`
`unitSystem` attr: unit-system	Giriş türü: `UnitSystem optional` Çıkış türü: `UnitSystem optional` Mesafeleri göstermek için kullanılan birim sistemi. Belirtilmezse birim sistemi, requestedRegion tarafından belirlenir. HTML özelliği: `unit-system="value-name"`

Slot makineleri
`clear-icon`	Yuvalı öğeyi temizleme simgesi konumuna yerleştirir. Giriş kutusunda metin olduğunda, giriş kutusunun sonunda temizleme düğmesi gösterilir.
`input-icon`	Yuvalı öğeyi giriş simgesi konumuna yerleştirir. Giriş simgesi, satır içi modda giriş kutusunun başında gösterilir.
`prediction-item-icon`	Bu alan, tahmin öğesinin yanında gösterilen simge olarak oluşturulacak tam olarak bir `<template>` öğesini kabul eder.

Parçalar
`focus-ring`	Odaklanılan öğenin (giriş veya tahmin öğeleri) etrafındaki odak halkasını görüntülemek için kullanılan öğe
`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 yalnızca prediction-item-main-text içinde vurgulandığını unutmayın.
`prediction-item-nonmatch`	Tahmin ana metninin, kullanıcının girişiyle eşleşmeyen kısmı.
`prediction-item-secondary-text`	Tahminin ikincil metni olan prediction-item'ın bir parçası. Ek metin genellikle bir adrestir.
`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.

CSS Özellikleri
`background-color`	Öğenin arka plan rengini geçersiz kılar.
`border`	Öğenin kenarlığını geçersiz kılar.
`border-radius`	Öğenin kenarlık yarıçapını geçersiz kılar.
`color`	Öğ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.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
`gmp-error`	`function(errorEvent)` Bağımsız değişkenler: `errorEvent: Event optional` 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: `placeSelectEvent: PlaceSelectEvent optional` Bu etkinlik, kullanıcı bir yer tahmini seçtiğinde tetiklenir. Place nesnesi içerir.

BasicPlaceAutocompleteElementOptions arayüzü

arayüz google.maps.places.BasicPlaceAutocompleteElementOptions
BasicPlaceAutocompleteElement tarafından uygulandı

BasicPlaceAutocompleteElement oluşturma seçenekleri.

Özellikler
`description` isteğe bağlı	Tür: `string optional` Giriş öğesi için kullanılacak açıklama. Giriş öğesine odaklanıldığında bu durum ekran okuyucular tarafından algılanır.
`disabled` isteğe bağlı	Tür: `boolean optional`
`futureOpeningBusinessesIncluded` isteğe bağlı	Tür: `boolean optional`
`includedPrimaryTypes` isteğe bağlı	Tür: `Array<string> optional`
`includedRegionCodes` isteğe bağlı	Tür: `Array<string> optional`
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional`
`locationBias` isteğe bağlı	Tür: `LocationBias optional`
`locationRestriction` isteğe bağlı	Tür: `LocationRestriction optional`
`maxlength` isteğe bağlı	Tür: `number optional`
`name` isteğe bağlı	Tür: `string optional`
`noClearButton` isteğe bağlı	Tür: `boolean optional`
`noInputIcon` isteğe bağlı	Tür: `boolean optional`
`origin` isteğe bağlı	Tür: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional`
`placeholder` isteğe bağlı	Tür: `string optional`
`pureServiceAreaBusinessesIncluded` isteğe bağlı	Tür: `boolean optional`
`readonly` isteğe bağlı	Tür: `boolean optional`
`requestedLanguage` isteğe bağlı	Tür: `string optional`
`requestedRegion` isteğe bağlı	Tür: `string optional`
`unitSystem` isteğe bağlı	Tür: `UnitSystem optional`

PlaceDetailsElement sınıfı

sınıf google.maps.places.PlaceDetailsElement HTMLElement sınıfını genişletir PlaceDetailsElementOptions sınıfını uygular
AdvancedPlaceDetailsElement tarafından genişletilir
"places" kitaplığı

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.

<gmp-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-place-details>

const {PlaceDetailsElement} = await google.maps.importLibrary("places");

Marka
`PlaceDetailsElement`	`PlaceDetailsElement([options])` Parametreler: `options: PlaceDetailsElementOptions optional`

Özellikler
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`place` readonly	Tür: `Place optional` Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görüntü alanını içeren yer nesnesi.

CSS Özellikleri
`--gmp-button-border-color`	"Haritalar'da aç" düğmesinin kenarlık rengi.
`--gmp-button-border-radius`	"Haritalar'da aç" düğmesinin 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`.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
`gmp-error`	`function(event)` Bağımsız değişkenler: `event: Event optional` 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: `event: Event optional` Bu etkinlik, öğe içeriğini yükleyip oluşturduğunda tetiklenir. Bu etkinlik kabarcık oluşturmaz.

PlaceDetailsElementOptions arayüzü

interface google.maps.places.PlaceDetailsElementOptions
extended by AdvancedPlaceDetailsElementOptions
implemented by AdvancedPlaceDetailsElement, PlaceDetailsElement

PlaceDetailsElement için seçenekler.

Özellikler
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar.

PlaceDetailsCompactElement sınıfı

sınıf google.maps.places.PlaceDetailsCompactElement HTMLElement sınıfını genişletir PlaceDetailsCompactElementOptions sınıfını uygular
AdvancedPlaceDetailsCompactElement tarafından genişletilir
"places" kitaplığı

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.

<gmp-place-details-compact
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  truncation-preferred>
</gmp-place-details-compact>

const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places");

Marka
`PlaceDetailsCompactElement`	`PlaceDetailsCompactElement([options])` Parametreler: `options: PlaceDetailsCompactElementOptions optional`

Özellikler
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Tür: `PlaceDetailsOrientation optional` Varsayılan: `PlaceDetailsOrientation.VERTICAL` Öğenin yön varyantı (dikey veya yatay). HTML özelliği: `orientation="value-name"`
`place` readonly	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` attr: truncation-preferred	Giriş türü: `boolean optional` Çıkış 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: `truncation-preferred`

CSS Özellikleri
`--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`.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
`gmp-error`	`function(event)` Bağımsız değişkenler: `event: Event optional` 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: `event: Event optional` Bu etkinlik, öğe içeriğini yükleyip oluşturduğunda tetiklenir. Bu etkinlik kabarcık oluşturmaz.

PlaceDetailsCompactElementOptions arayüzü

interface google.maps.places.PlaceDetailsCompactElementOptions
extended by AdvancedPlaceDetailsCompactElementOptions
implemented by AdvancedPlaceDetailsCompactElement, PlaceDetailsCompactElement

PlaceDetailsCompactElement için seçenekler.

Özellikler
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar.
`orientation` isteğe bağlı	Tür: `PlaceDetailsOrientation optional` Şu sayfaya göz atın: `PlaceDetailsCompactElement.orientation`.
`truncationPreferred` isteğe bağlı	Tür: `boolean optional` Şu sayfaya göz atın: `PlaceDetailsCompactElement.truncationPreferred`.

AdvancedPlaceDetailsElement sınıfı

class google.maps.places.AdvancedPlaceDetailsElement extends PlaceDetailsElement, HTMLElement implements AdvancedPlaceDetailsElementOptions, PlaceDetailsElementOptions
library "places"

Bir yerle ilgili ayrıntıları tam düzende gösterir. Oluşturulacak yeri belirtmek için PlaceDetailsPlaceRequestElement veya PlaceDetailsLocationRequestElement ekleyin. Oluşturulacak içeriği yapılandırmak için doğrudan PlaceStandardContentElement, PlaceAllContentElement veya yer ayrıntıları öğeleri ekleyin.

Örnek:

 <gmp-advanced-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-standard-content>
   </gmp-place-standard-content>
 </gmp-advanced-place-details>

Bu öğeyi kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.

<gmp-advanced-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details>

const {AdvancedPlaceDetailsElement} = await google.maps.importLibrary("places");

Marka
`AdvancedPlaceDetailsElement`	`AdvancedPlaceDetailsElement([options])` Parametreler: `options: AdvancedPlaceDetailsElementOptions optional`

Özellikler
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`place` readonly	Tür: `Place optional` Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görüntü alanını içeren yer nesnesi.

Slot makineleri
`action-corner`	`PlaceLinkElement` ve `PlaceButtonElement` için bir zaman aralığı.
`action-main`	`PlaceLinkElement` ve `PlaceButtonElement` için bir zaman aralığı.
`basic-section-bottom`	Uyarı: Yalnızca v=alpha kanalında kullanılabilir. Temel bilgiler bölümünün en altında, ana işlem düğmelerinin hemen altında oluşturulan özel HTML içeriği için bir alan.
`basic-section-top`	Uyarı: Yalnızca v=alpha kanalında kullanılabilir. Temel bilgiler bölümünde, yer adının hemen üzerinde oluşturulan özel HTML içeriği için bir alan.

CSS Özellikleri
Devralınan: `--gmp-button-border-color`, `--gmp-button-border-radius`, `--gmp-button-border-width`, `--gmp-collage-border-radius-outer`, `--gmp-dialog-border-radius`, `--gmp-mat-color-disabled-surface`, `--gmp-mat-color-info`, `--gmp-mat-color-negative`, `--gmp-mat-color-neutral-container`, `--gmp-mat-color-on-neutral-container`, `--gmp-mat-color-on-positive-container`, `--gmp-mat-color-on-secondary-container`, `--gmp-mat-color-on-surface`, `--gmp-mat-color-on-surface-variant`, `--gmp-mat-color-outline-decorative`, `--gmp-mat-color-positive`, `--gmp-mat-color-positive-container`, `--gmp-mat-color-primary`, `--gmp-mat-color-secondary-container`, `--gmp-mat-color-surface`, `--gmp-mat-font-body-medium`, `--gmp-mat-font-body-small`, `--gmp-mat-font-display-small`, `--gmp-mat-font-family`, `--gmp-mat-font-headline-medium`, `--gmp-mat-font-label-large`, `--gmp-mat-font-label-medium`, `--gmp-mat-font-title-small`, `--gmp-mat-spacing-extra-large`, `--gmp-mat-spacing-extra-small`, `--gmp-mat-spacing-large`, `--gmp-mat-spacing-medium`, `--gmp-mat-spacing-small`, `--gmp-mat-spacing-two-extra-large`, `--gmp-star-rating-color`, `background-color`, `border`, `border-radius`, `color-scheme`, `font-size`

CSS Özellikleri

Devralınan: --gmp-button-border-color, --gmp-button-border-radius, --gmp-button-border-width, --gmp-collage-border-radius-outer, --gmp-dialog-border-radius, --gmp-mat-color-disabled-surface, --gmp-mat-color-info, --gmp-mat-color-negative, --gmp-mat-color-neutral-container, --gmp-mat-color-on-neutral-container, --gmp-mat-color-on-positive-container, --gmp-mat-color-on-secondary-container, --gmp-mat-color-on-surface, --gmp-mat-color-on-surface-variant, --gmp-mat-color-outline-decorative, --gmp-mat-color-positive, --gmp-mat-color-positive-container, --gmp-mat-color-primary, --gmp-mat-color-secondary-container, --gmp-mat-color-surface, --gmp-mat-font-body-medium, --gmp-mat-font-body-small, --gmp-mat-font-display-small, --gmp-mat-font-family, --gmp-mat-font-headline-medium, --gmp-mat-font-label-large, --gmp-mat-font-label-medium, --gmp-mat-font-title-small, --gmp-mat-spacing-extra-large, --gmp-mat-spacing-extra-small, --gmp-mat-spacing-large, --gmp-mat-spacing-medium, --gmp-mat-spacing-small, --gmp-mat-spacing-two-extra-large, --gmp-star-rating-color, background-color, border, border-radius, color-scheme, font-size

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
Devralınan: `gmp-error`, `gmp-load`

AdvancedPlaceDetailsElementOptions arayüzü

interface google.maps.places.AdvancedPlaceDetailsElementOptions extends PlaceDetailsElementOptions
implemented by AdvancedPlaceDetailsElement

AdvancedPlaceDetailsElement için seçenekler.

Özellikler
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar.

AdvancedPlaceDetailsCompactElement sınıfı

class google.maps.places.AdvancedPlaceDetailsCompactElement extends PlaceDetailsCompactElement, HTMLElement implements AdvancedPlaceDetailsCompactElementOptions, PlaceDetailsCompactElementOptions
library "places"

Bir yerle ilgili ayrıntıları kompakt bir düzende gösterir. Oluşturulacak yeri belirtmek için PlaceDetailsPlaceRequestElement veya PlaceDetailsLocationRequestElement ekleyin. Oluşturulacak içeriği yapılandırmak için PlaceStandardContentElement, PlaceAllContentElement ekleyin veya belirli alt içerikleri belirtin.

Bu öğeyi kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.

<gmp-advanced-place-details-compact
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details-compact>

const {AdvancedPlaceDetailsCompactElement} = await google.maps.importLibrary("places");

Marka
`AdvancedPlaceDetailsCompactElement`	`AdvancedPlaceDetailsCompactElement([options])` Parametreler: `options: AdvancedPlaceDetailsCompactElementOptions optional`

Özellikler
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`place` readonly	Tür: `Place optional` Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görüntü alanını içeren yer nesnesi.
Devralınan: `orientation` (özellik: `orientation`), `truncationPreferred` (özellik: `truncation-preferred`)

Slot makineleri
`action-corner`	`PlaceLinkElement` ve `PlaceButtonElement` için bir zaman aralığı.
`action-main`	`PlaceLinkElement` ve `PlaceButtonElement` için bir zaman aralığı.
`basic-section-bottom`	Uyarı: Yalnızca v=alpha kanalında kullanılabilir. Temel bilgiler bölümünün en altında, ana işlem düğmelerinin hemen altında oluşturulan özel HTML içeriği için bir alan.
`basic-section-top`	Uyarı: Yalnızca v=alpha kanalında kullanılabilir. Temel bilgiler bölümünde, yer adının hemen üzerinde oluşturulan özel HTML içeriği için bir alan.

CSS Özellikleri
Devralınan: `--gmp-button-border-color`, `--gmp-button-border-radius`, `--gmp-button-border-width`, `--gmp-dialog-border-radius`, `--gmp-mat-color-info`, `--gmp-mat-color-negative`, `--gmp-mat-color-neutral-container`, `--gmp-mat-color-on-secondary-container`, `--gmp-mat-color-on-surface`, `--gmp-mat-color-on-surface-variant`, `--gmp-mat-color-outline-decorative`, `--gmp-mat-color-positive`, `--gmp-mat-color-primary`, `--gmp-mat-color-secondary-container`, `--gmp-mat-color-surface`, `--gmp-mat-font-body-medium`, `--gmp-mat-font-body-small`, `--gmp-mat-font-family`, `--gmp-mat-font-headline-medium`, `--gmp-mat-font-label-large`, `--gmp-mat-font-label-medium`, `--gmp-mat-font-title-small`, `--gmp-mat-spacing-extra-small`, `--gmp-mat-spacing-large`, `--gmp-mat-spacing-medium`, `--gmp-mat-spacing-small`, `--gmp-star-rating-color`, `--gmp-thumbnail-border-radius`, `background-color`, `border`, `border-radius`, `color-scheme`, `font-size`

CSS Özellikleri

Devralınan: --gmp-button-border-color, --gmp-button-border-radius, --gmp-button-border-width, --gmp-dialog-border-radius, --gmp-mat-color-info, --gmp-mat-color-negative, --gmp-mat-color-neutral-container, --gmp-mat-color-on-secondary-container, --gmp-mat-color-on-surface, --gmp-mat-color-on-surface-variant, --gmp-mat-color-outline-decorative, --gmp-mat-color-positive, --gmp-mat-color-primary, --gmp-mat-color-secondary-container, --gmp-mat-color-surface, --gmp-mat-font-body-medium, --gmp-mat-font-body-small, --gmp-mat-font-family, --gmp-mat-font-headline-medium, --gmp-mat-font-label-large, --gmp-mat-font-label-medium, --gmp-mat-font-title-small, --gmp-mat-spacing-extra-small, --gmp-mat-spacing-large, --gmp-mat-spacing-medium, --gmp-mat-spacing-small, --gmp-star-rating-color, --gmp-thumbnail-border-radius, background-color, border, border-radius, color-scheme, font-size

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
Devralınan: `gmp-error`, `gmp-load`

AdvancedPlaceDetailsCompactElementOptions arayüzü

interface google.maps.places.AdvancedPlaceDetailsCompactElementOptions extends PlaceDetailsCompactElementOptions
implemented by AdvancedPlaceDetailsCompactElement

AdvancedPlaceDetailsCompactElement için seçenekler.

Özellikler
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar.
Devralınan: `orientation`, `truncationPreferred`

PlaceDetailsOrientation sabitleri

sabitler google.maps.places.PlaceDetailsOrientation
kitaplık "places"

PlaceDetailsCompactElement için yön varyantları.

Bu sabitler dize olarak da kullanılabilir. TypeScript'te dize sabit değerleri PlaceDetailsOrientationString türüyle tanımlanır.

const {PlaceDetailsOrientation} = await google.maps.importLibrary("places");

Sabitler
`HORIZONTAL`	Yatay yön.
`VERTICAL`	Dikey yön.

PlaceDetailsPlaceRequestElement sınıfı

class google.maps.places.PlaceDetailsPlaceRequestElement extends HTMLElement implements PlaceDetailsPlaceRequestElementOptions
library "places"

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>

<gmp-place-details-place-request
  place="places/###">
</gmp-place-details-place-request>

const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places");

Marka
`PlaceDetailsPlaceRequestElement`	`PlaceDetailsPlaceRequestElement([options])` Parametreler: `options: PlaceDetailsPlaceRequestElementOptions optional`

Özellikler
`place` attr: place	Giriş türü: `Place\|string optional` Çıkış 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: `place="places/###"`

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

PlaceDetailsPlaceRequestElementOptions arayüzü

arayüz google.maps.places.PlaceDetailsPlaceRequestElementOptions
PlaceDetailsPlaceRequestElement tarafından uygulandı

PlaceDetailsPlaceRequestElement için seçenekler.

Özellikler
`place` isteğe bağlı	Tür: `Place\|string optional` Göz atın: `PlaceDetailsPlaceRequestElement.place`

PlaceDetailsLocationRequestElement sınıfı

class google.maps.places.PlaceDetailsLocationRequestElement extends HTMLElement implements PlaceDetailsLocationRequestElementOptions
library "places"

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>

<gmp-place-details-location-request
  location="lat,lng">
</gmp-place-details-location-request>

const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places");

Marka
`PlaceDetailsLocationRequestElement`	`PlaceDetailsLocationRequestElement([options])` Parametreler: `options: PlaceDetailsLocationRequestElementOptions optional`

Özellikler
`location` attr: location	Giriş türü: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` Çıkış türü: `LatLngAltitude optional` Varsayılan: `null` Yer Ayrıntıları öğesinde ayrıntıların gösterileceği konum. `LatLngAltitude` değerine normalleştirilir. HTML özelliği: `location="lat,lng"`

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

PlaceDetailsLocationRequestElementOptions arayüzü

arayüz google.maps.places.PlaceDetailsLocationRequestElementOptions
PlaceDetailsLocationRequestElement tarafından uygulandı

PlaceDetailsLocationRequestElement için seçenekler.

Özellikler
`location` isteğe bağlı	Tür: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` Yerin oluşturulacağı konum.

PlaceSearchElement sınıfı

sınıf google.maps.places.PlaceSearchElement HTMLElement sınıfını genişletir PlaceSearchElementOptions sınıfını uygular
AdvancedPlaceSearchElement tarafından genişletilir
"places" kitaplığı

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.

<gmp-place-search
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-place-search>

const {PlaceSearchElement} = await google.maps.importLibrary("places");

Marka
`PlaceSearchElement`	`PlaceSearchElement([options])` Parametreler: `options: PlaceSearchElementOptions optional`

Özellikler
`attributionPosition` attr: attribution-position	Giriş türü: `PlaceSearchAttributionPosition optional` Çıkış türü: `PlaceSearchAttributionPosition` Varsayılan: `PlaceSearchAttributionPosition.TOP` İlişkilendirme logosunun ve yasal açıklama düğmesinin konumu. HTML özelliği: `attribution-position="value-name"`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Giriş türü: `PlaceSearchOrientation optional` Çıkış türü: `PlaceSearchOrientation` Varsayılan: `PlaceSearchOrientation.VERTICAL` Öğenin yön varyantı (dikey veya yatay). HTML özelliği: `orientation="value-name"`
`places` readonly	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` attr: selectable	Giriş türü: `boolean optional` Çıkış türü: `boolean` 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: `selectable`
`truncationPreferred` attr: truncation-preferred	Giriş türü: `boolean optional` Çıkış türü: `boolean` 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: `truncation-preferred`

CSS Özellikleri
`--gmp-button-border-color`	"Haritalar'da aç" düğmesinin kenarlık rengi.
`--gmp-button-border-radius`	"Haritalar'da aç" düğmesinin kenarlık yarıçapı.
`--gmp-button-border-width`	"Haritalar'da aç" düğmesinin kenarlık genişliği.
`--gmp-card-border-radius`	Yer kartları 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`.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
`gmp-error`	`function(event)` Bağımsız değişkenler: `event: Event optional` 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: `event: Event optional` 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: `event: PlaceSelectEvent optional` 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ü

interface google.maps.places.PlaceSearchElementOptions
extended by AdvancedPlaceSearchElementOptions
implemented by AdvancedPlaceSearchElement, PlaceSearchElement

PlaceSearchElement için seçenekler.

Özellikler
`attributionPosition` isteğe bağlı	Tür: `PlaceSearchAttributionPosition optional` Şu sayfaya göz atın: `PlaceSearchElement.attributionPosition`.
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar.
`orientation` isteğe bağlı	Tür: `PlaceSearchOrientation optional` Şu sayfaya göz atın: `PlaceSearchElement.orientation`.
`selectable` isteğe bağlı	Tür: `boolean optional` Göz atın: `PlaceSearchElement.selectable`
`truncationPreferred` isteğe bağlı	Tür: `boolean optional` Şu sayfaya göz atın: `PlaceSearchElement.truncationPreferred`.

PlaceItemElement sınıfı

sınıf google.maps.places.PlaceItemElement HTMLElement sınıfını genişletir PlaceItemElementOptions sınıfını uygular
AdvancedPlaceItemElement tarafından genişletilir
"places" kitaplığı

Yer listesi öğeleri için herkese açık web bileşeni sarmalayıcısı (<gmp-place-item>). <gmp-place-item> özel öğesi, <gmp-place-search> içinde tek bir yer sonucu kartı oluşturur. Her <gmp-place-item>, Places UI Kit'teki alt görsel bileşenlerden oluşan yer bilgilerini gösterir.

<gmp-place-item></gmp-place-item>

const {PlaceItemElement} = await google.maps.importLibrary("places");

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

PlaceItemElementOptions arayüzü

interface google.maps.places.PlaceItemElementOptions
extended by AdvancedPlaceItemElementOptions
implemented by AdvancedPlaceItemElement, PlaceItemElement

PlaceItemElement için seçenekler.

AdvancedPlaceSearchElement sınıfı

class google.maps.places.AdvancedPlaceSearchElement extends PlaceSearchElement, HTMLElement implements AdvancedPlaceSearchElementOptions, PlaceSearchElementOptions
library "places"

Gelişmiş 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 PlaceStandardContentElement, PlaceAllContentElement veya <template slot="details-item"> ekleyin.

Örnek:

 <gmp-advanced-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-search>

Gelişmiş Yer Arama Öğesi'ni kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.

<gmp-advanced-place-search
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-advanced-place-search>

const {AdvancedPlaceSearchElement} = await google.maps.importLibrary("places");

Marka
`AdvancedPlaceSearchElement`	`AdvancedPlaceSearchElement([options])` Parametreler: `options: AdvancedPlaceSearchElementOptions optional`

Özellikler
`attributionPosition` attr: attribution-position	Giriş türü: `PlaceSearchAttributionPosition optional` Çıkış türü: `PlaceSearchAttributionPosition` Varsayılan: `PlaceSearchAttributionPosition.TOP` İlişkilendirme logosunun ve yasal açıklama düğmesinin konumu. HTML özelliği: `attribution-position="value-name"`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Giriş türü: `PlaceSearchOrientation optional` Çıkış türü: `PlaceSearchOrientation` Varsayılan: `PlaceSearchOrientation.VERTICAL` Öğenin yön varyantı (dikey veya yatay). HTML özelliği: `orientation="value-name"`
`selectable` attr: selectable	Giriş türü: `boolean optional` Çıkış türü: `boolean` 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: `selectable`
`truncationPreferred` attr: truncation-preferred	Giriş türü: `boolean optional` Çıkış türü: `boolean` 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: `truncation-preferred`
Devralındı: `places`

Slot makineleri
`details-item`	Arama sonuçlarındaki her yer için oluşturulacak gmp-place konum widget'larını içeren HTML şablonu.

CSS Özellikleri
`--gmp-button-border-color`	"Haritalar'da aç" düğmesinin kenarlık rengi.
`--gmp-button-border-radius`	"Haritalar'da aç" düğmesinin kenarlık yarıçapı.
`--gmp-button-border-width`	"Haritalar'da aç" düğmesinin kenarlık genişliği.
`--gmp-card-border-radius`	Yer kartları 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`.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
`gmp-error`	`function(event)` Bağımsız değişkenler: `event: Event optional` 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: `event: Event optional` 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: `event: PlaceSelectEvent optional` 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.

AdvancedPlaceSearchElementOptions arayüzü

interface google.maps.places.AdvancedPlaceSearchElementOptions extends PlaceSearchElementOptions
implemented by AdvancedPlaceSearchElement

AdvancedPlaceSearchElement için seçenekler.

Özellikler
`attributionPosition` isteğe bağlı	Tür: `PlaceSearchAttributionPosition optional` Şu sayfaya göz atın: `PlaceSearchElement.attributionPosition`.
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar.
`orientation` isteğe bağlı	Tür: `PlaceSearchOrientation optional` Şu sayfaya göz atın: `PlaceSearchElement.orientation`.
`selectable` isteğe bağlı	Tür: `boolean optional` Göz atın: `PlaceSearchElement.selectable`
`truncationPreferred` isteğe bağlı	Tür: `boolean optional` Şu sayfaya göz atın: `PlaceSearchElement.truncationPreferred`.

AdvancedPlaceListElement sınıfı

class google.maps.places.AdvancedPlaceListElement extends HTMLElement implements AdvancedPlaceListElementOptions
library "places"

Yer arama sonuçlarını liste halinde gösterir. Gösterilecek yerleri belirtmek için bir veya daha fazla PlaceDetailsPlaceRequestElement ekleyin ya da places özelliğini ayarlayın. Hangi içeriğin oluşturulacağını belirtmek için PlaceStandardContentElement veya PlaceAllContentElement ekleyin.

Örnek:

 <gmp-advanced-place-list>
   <gmp-place-details-place-request
     place="PLACE_ID"
   </gmp-place-details-place-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-list>

Gelişmiş Yer Listesi Öğesi'ni kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.

<gmp-advanced-place-list
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  places="space separated strings"
  selectable
  truncation-preferred>
</gmp-advanced-place-list>

const {AdvancedPlaceListElement} = await google.maps.importLibrary("places");

Marka
`AdvancedPlaceListElement`	`AdvancedPlaceListElement([options])` Parametreler: `options: AdvancedPlaceListElementOptions optional`

Özellikler
`attributionPosition` attr: attribution-position	Giriş türü: `PlaceSearchAttributionPosition optional` Çıkış türü: `PlaceSearchAttributionPosition` Varsayılan: `PlaceSearchAttributionPosition.TOP` İlişkilendirme logosunun ve yasal açıklama düğmesinin konumu. HTML özelliği: `attribution-position="value-name"`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Giriş türü: `Iterable<string> optional` Çıkış türü: `Array<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar. HTML özelliği: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Giriş türü: `PlaceSearchOrientation optional` Çıkış türü: `PlaceSearchOrientation` Varsayılan: `PlaceSearchOrientation.VERTICAL` Öğenin yön varyantı (dikey veya yatay). HTML özelliği: `orientation="value-name"`
`places` attr: places	Giriş türü: `Iterable<Place\|string> optional` Çıkış türü: `Array<Place>` Bu öğede gösterilmesi gereken kimlikleri içeren Place nesnelerinin listesi. Yer özelliğinde ayarlanan tüm yerlerin, oluşturulamamaları durumunda(ör. geçersiz kimlik, ağ isteği hatası vb.) gösterilmeyebileceğini unutmayın. Şu anda görüntülenen yerleri almak için places mülkü okunabilir. HTML özelliği: `places="space separated strings"`
`selectable` attr: selectable	Giriş türü: `boolean optional` Çıkış türü: `boolean` 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: `selectable`
`truncationPreferred` attr: truncation-preferred	Giriş türü: `boolean optional` Çıkış türü: `boolean` 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: `truncation-preferred`

Slot makineleri
`details-item`	Listedeki her konum için oluşturulacak gmp-place Konum Widget'larını içeren HTML şablonu.

CSS Özellikleri
`--gmp-button-border-color`	"Haritalar'da aç" düğmesinin kenarlık rengi.
`--gmp-button-border-radius`	"Haritalar'da aç" düğmesinin kenarlık yarıçapı.
`--gmp-button-border-width`	"Haritalar'da aç" düğmesinin kenarlık genişliği.
`--gmp-card-border-radius`	Yer kartları 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`.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler
`gmp-error`	`function(event)` Bağımsız değişkenler: `event: Event optional` 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: `event: Event optional` 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: `event: PlaceSelectEvent optional` 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.

AdvancedPlaceListElementOptions arayüzü

arayüz google.maps.places.AdvancedPlaceListElementOptions
AdvancedPlaceListElement tarafından uygulandı

AdvancedPlaceListElement için seçenekler.

Özellikler
`attributionPosition` isteğe bağlı	Tür: `PlaceSearchAttributionPosition optional` Şu sayfaya göz atın: `PlaceSearchElement.attributionPosition`.
`internalUsageAttributionIds` isteğe bağlı	Tür: `Iterable<string> optional` Çağrıları belirli paketlerle veya OSS kitaplıklarıyla ilişkilendirmek için kullanılan tanımlayıcılar.
`orientation` isteğe bağlı	Tür: `PlaceSearchOrientation optional` Şu sayfaya göz atın: `PlaceSearchElement.orientation`.
`places` isteğe bağlı	Tür: `Iterable<Place\|string> optional` Şu sayfaya göz atın: `AdvancedPlaceListElement.places`.
`selectable` isteğe bağlı	Tür: `boolean optional` Göz atın: `PlaceSearchElement.selectable`
`truncationPreferred` isteğe bağlı	Tür: `boolean optional` Şu sayfaya göz atın: `PlaceSearchElement.truncationPreferred`.

AdvancedPlaceItemElement sınıfı

class google.maps.places.AdvancedPlaceItemElement extends PlaceItemElement, HTMLElement implements AdvancedPlaceItemElementOptions, PlaceItemElementOptions
library "places"

Gelişmiş yer listesi öğeleri için herkese açık web bileşeni sarmalayıcısı (<gmp-advanced-place-item>). <gmp-advanced-place-item> özel öğesi, <gmp-advanced-place-search> veya <gmp-advanced-place-list> gibi gelişmiş arama ya da koleksiyon kapsayıcısının içinde tek bir zengin yer sonucu kartı oluşturur. Her <gmp-advanced-place-item>, Places UI Kit'teki alt görsel bileşenlerden oluşan zengin yer ayrıntıları, medya kolajları, editoryal özetler ve etkileşimli işlem düğmeleri sunar.

<gmp-advanced-place-item></gmp-advanced-place-item>

const {AdvancedPlaceItemElement} = await google.maps.importLibrary("places");

Slot makineleri
`basic-section-bottom`	Uyarı: Yalnızca v=alpha kanalında kullanılabilir. Temel bilgiler bölümünün en altında, ana işlem düğmelerinin hemen altında oluşturulan özel HTML içeriği için bir alan.
`basic-section-top`	Uyarı: Yalnızca v=alpha kanalında kullanılabilir. Temel bilgiler bölümünde, yer adının hemen üzerinde oluşturulan özel HTML içeriği için bir alan.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

AdvancedPlaceItemElementOptions arayüzü

interface google.maps.places.AdvancedPlaceItemElementOptions extends PlaceItemElementOptions
implemented by AdvancedPlaceItemElement

AdvancedPlaceItemElement için seçenekler.

PlaceSearchAttributionPosition sabitleri

sabitler google.maps.places.PlaceSearchAttributionPosition
kitaplık "places"

PlaceSearchElement için ilişkilendirme konumları.

Bu sabitler dize olarak da kullanılabilir. TypeScript'te dize sabit değerleri PlaceSearchAttributionPositionString türüyle tanımlanır.

const {PlaceSearchAttributionPosition} = await google.maps.importLibrary("places");

Sabitler
`BOTTOM`	PlaceSearchElement'in alt kısmındaki ilişkilendirme
`TOP`	PlaceSearchElement'in üst kısmındaki ilişkilendirme

PlaceSearchOrientation sabitleri

sabitler google.maps.places.PlaceSearchOrientation
kitaplık "places"

PlaceSearchElement için yön varyantları.

Bu sabitler dize olarak da kullanılabilir. TypeScript'te dize sabit değerleri PlaceSearchOrientationString türüyle tanımlanır.

const {PlaceSearchOrientation} = await google.maps.importLibrary("places");

Sabitler
`HORIZONTAL`	Yatay yön.
`VERTICAL`	Dikey yön.

PlaceSelectEvent sınıfı

class google.maps.places.PlaceSelectEvent extends Event
library "places"

Bu etkinlik, bir yer listesinden bir yer seçildiğinde tetiklenir. Seçime event.place ile erişin.

const {PlaceSelectEvent} = await google.maps.importLibrary("places");

Özellikler
`place` readonly	Tür: `Place` Seçilen yer.

PlaceNearbySearchRequestElement sınıfı

class google.maps.places.PlaceNearbySearchRequestElement extends HTMLElement implements PlaceNearbySearchRequestElementOptions
library "places"

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>

<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="value-name">
</gmp-place-nearby-search-request>

const {PlaceNearbySearchRequestElement} = await google.maps.importLibrary("places");

Marka
`PlaceNearbySearchRequestElement`	`PlaceNearbySearchRequestElement([options])` Parametreler: `options: PlaceNearbySearchRequestElementOptions optional`

Özellikler
`excludedPrimaryTypes` attr: excluded-primary-types	Giriş türü: `Array<string> optional` Çıkış türü: `Array<string> optional` Varsayılan: `null` Hariç tutulan birincil yer türleri. HTML özelliği: `excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."`
`excludedTypes` attr: excluded-types	Giriş türü: `Array<string> optional` Çıkış türü: `Array<string> optional` Varsayılan: `null` Hariç tutulan yer türleri. HTML özelliği: `excluded-types="excluded-type1 excluded-type2..."`
`futureOpeningBusinessesIncluded`	Giriş türü: `boolean optional` Çıkış türü: `boolean optional` Henüz açılmamış ancak gelecekte açılması beklenen işletmeler için yer tahminlerini dahil edin.
`includedPrimaryTypes` attr: included-primary-types	Giriş türü: `Array<string> optional` Çıkış türü: `Array<string> optional` Varsayılan: `null` Dahil edilen birincil yer türü. HTML özelliği: `included-primary-types="included-primary-type1 included-primary-type2..."`
`includedTypes` attr: included-types	Giriş türü: `Array<string> optional` Çıkış türü: `Array<string> optional` Varsayılan: `null` Dahil edilen yer türü. HTML özelliği: `included-types="included-type1 included-type2..."`
`locationRestriction` attr: location-restriction	Giriş türü: `Circle\|CircleLiteral optional` Çıkış türü: `Circle optional` Varsayılan: `null` Aranacak bölge. `Circle` değerine normalleştirilir. HTML özelliği: `location-restriction="radius@lat,lng"`
`maxResultCount` attr: max-result-count	Giriş türü: `number optional` Çıkış türü: `number optional` Varsayılan: `null` Döndürülecek maksimum sonuç sayısı. HTML özelliği: `max-result-count="number"`
`rankPreference` attr: rank-preference	Giriş türü: `SearchNearbyRankPreference optional` Çıkış türü: `SearchNearbyRankPreference optional` Varsayılan: `null` Yanıttaki sonuçların nasıl sıralanacağı. HTML özelliği: `rank-preference="value-name"`

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

PlaceNearbySearchRequestElementOptions arayüzü

arayüz google.maps.places.PlaceNearbySearchRequestElementOptions
PlaceNearbySearchRequestElement tarafından uygulandı

PlaceNearbySearchRequestElement için seçenekler.

Özellikler
`excludedPrimaryTypes` isteğe bağlı	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` isteğe bağlı	Tür: `Array<string> optional` Hariç tutulan yer türleri. Daha fazla bilgi için `PlaceNearbySearchRequestElement.excludedTypes` ve `SearchNearbyRequest.excludedTypes` sayfalarına bakın.
`futureOpeningBusinessesIncluded` isteğe bağlı	Tür: `boolean optional` Henüz açılmamış ancak gelecekte açılması beklenen işletmeler için yer tahminlerini dahil edin.
`includedPrimaryTypes` isteğe bağlı	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` isteğe bağlı	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` isteğe bağlı	Tür: `Circle\|CircleLiteral optional` Aranacak bölge. Daha fazla bilgi için `PlaceNearbySearchRequestElement.locationRestriction` ve `SearchNearbyRequest.locationRestriction` sayfalarına bakın.
`maxResultCount` isteğe bağlı	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` isteğe bağlı	Tür: `SearchNearbyRankPreference 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ı

class google.maps.places.PlaceTextSearchRequestElement extends HTMLElement implements PlaceTextSearchRequestElementOptions
library "places"

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>

<gmp-place-text-search-request
  ev-connector-types="ev-connector-type1 ev-connector-type2..."
  ev-minimum-charging-rate-kw="number"
  included-type="type"
  is-open-now
  location-bias="lat,lng"
  location-restriction="southwest-lat,southwest-lng|northeast-lat,northeast-lng"
  max-result-count="number"
  min-rating="number"
  price-levels="price-level1 price-level2..."
  rank-preference="value-name"
  text-query="string"
  use-strict-type-filtering>
</gmp-place-text-search-request>

const {PlaceTextSearchRequestElement} = await google.maps.importLibrary("places");

Marka
`PlaceTextSearchRequestElement`	`PlaceTextSearchRequestElement([options])` Parametreler: `options: PlaceTextSearchRequestElementOptions optional`

Özellikler
`evConnectorTypes` attr: ev-connector-types	Giriş türü: `Array<EVConnectorType> optional` Çıkış türü: `Array<EVConnectorType> optional` Varsayılan: `null` Tercih edilen elektrikli araç konnektör türlerinin listesi. HTML özelliği: `ev-connector-types="ev-connector-type1 ev-connector-type2..."`
`evMinimumChargingRateKw` attr: ev-minimum-charging-rate-kw	Giriş türü: `number optional` Çıkış türü: `number optional` Varsayılan: `null` Kilovat cinsinden gereken minimum şarj hızı. HTML özelliği: `ev-minimum-charging-rate-kw="number"`
`futureOpeningBusinessesIncluded`	Giriş türü: `boolean optional` Çıkış türü: `boolean optional` Henüz açılmamış ancak gelecekte açılması beklenen işletmeler için yer tahminlerini dahil edin.
`includedType` attr: included-type	Giriş türü: `string optional` Çıkış türü: `string optional` Varsayılan: `null` İstenen yer türü. HTML özelliği: `included-type="type"`
`isOpenNow` attr: is-open-now	Giriş türü: `boolean optional` Çıkış 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: `is-open-now`
`locationBias` attr: location-bias	Giriş türü: `LocationBias optional` Çıkış türü: `LatLngAltitude\|LatLngBounds\|Circle\|string optional` Varsayılan: `null` Arama için konum tercihi. HTML özelliği: `location-bias="lat,lng"` `location-bias="lat,lng[,altitude]"` `location-bias="swlat,swlng\|nelat,nelng"` `location-bias="radius@lat,lng"` `location-bias="IP_BIAS"`
`locationRestriction` attr: location-restriction	Giriş türü: `LatLngBounds\|LatLngBoundsLiteral optional` Çıkış türü: `LatLngBounds optional` Varsayılan: `null` Arama için konum kısıtlaması. `LatLngBounds` değerine normalleştirilir. HTML özelliği: `location-restriction="southwest-lat,southwest-lng\|northeast-lat,northeast-lng"`
`maxResultCount` attr: max-result-count	Giriş türü: `number optional` Çıkış türü: `number optional` Varsayılan: `null` Döndürülecek maksimum sonuç sayısı. HTML özelliği: `max-result-count="number"`
`minRating` attr: min-rating	Giriş türü: `number optional` Çıkış 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: `min-rating="number"`
`priceLevels` attr: price-levels	Giriş türü: `Array<PriceLevel> optional` Çıkış 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: `price-levels="price-level1 price-level2..."`
`rankPreference` attr: rank-preference	Giriş türü: `SearchByTextRankPreference optional` Çıkış türü: `SearchByTextRankPreference optional` Varsayılan: `null` Yanıttaki sonuçların nasıl sıralanacağı. HTML özelliği: `rank-preference="value-name"`
`textQuery` attr: text-query	Giriş türü: `string optional` Çıkış türü: `string optional` Varsayılan: `null` Metin araması için metin sorgusu. HTML özelliği: `text-query="string"`
`useStrictTypeFiltering` attr: use-strict-type-filtering	Giriş türü: `boolean optional` Çıkış türü: `boolean optional` Varsayılan: `null` "includedType" için katı tür filtrelemeyi ayarlamak üzere kullanılır. HTML özelliği: `use-strict-type-filtering`

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

PlaceTextSearchRequestElementOptions interface

arayüz google.maps.places.PlaceTextSearchRequestElementOptions
PlaceTextSearchRequestElement tarafından uygulandı

PlaceTextSearchRequestElement için seçenekler.

Özellikler
`evConnectorTypes` isteğe bağlı	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` isteğe bağlı	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.
`futureOpeningBusinessesIncluded` isteğe bağlı	Tür: `boolean optional` Henüz açılmamış ancak gelecekte açılması beklenen işletmeler için yer tahminlerini dahil edin.
`includedType` isteğe bağlı	Tür: `string optional` İstenen yer türü. Daha fazla bilgi için `SearchByTextRequest.includedType` ve `PlaceTextSearchRequestElement.includedType` sayfalarına bakın.
`isOpenNow` isteğe bağlı	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` isteğe bağlı	Tür: `LocationBias optional` Arama için konum tercihi. Daha fazla bilgi için `SearchByTextRequest.locationBias` ve `PlaceTextSearchRequestElement.locationBias` sayfalarına bakın.
`locationRestriction` isteğe bağlı	Tür: `LatLngBounds\|LatLngBoundsLiteral optional` Arama için konum kısıtlaması. Daha fazla bilgi için `SearchByTextRequest.locationRestriction` ve `PlaceTextSearchRequestElement.locationRestriction` sayfalarına bakın.
`maxResultCount` isteğe bağlı	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` isteğe bağlı	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` isteğe bağlı	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` isteğe bağlı	Tür: `SearchByTextRankPreference 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` isteğe bağlı	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` isteğe bağlı	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ı

class google.maps.places.Autocomplete extends MVCObject
library "places"

Desteği sonlandırıldı: 1 Mart 2025 itibarıyla google.maps.places.Autocomplete yeni müşteriler tarafından kullanılamayacak. Lütfen bunun yerine PlaceAutocompleteElement sütunlarını kullanın. Şu anda google.maps.places.Autocomplete'in kullanımdan kaldırılması planlanmamaktadır ancak google.maps.places.Autocomplete yerine PlaceAutocompleteElement kullanılması önerilir. google.maps.places.Autocomplete, önemli gerilemeler için hata düzeltmeleri almaya devam edecek ancak google.maps.places.Autocomplete'teki mevcut hatalar giderilmeyecek. Destek sonlandırılmadan en az 12 ay önce bildirim gönderilir. Daha fazla bilgi için https://developers.google.com/maps/legacy adresini, geçiş rehberi için https://developers.google.com/maps/documentation/javascript/places-migration-overview adresini ziyaret edin.

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.

const {Autocomplete} = await google.maps.importLibrary("places");

Marka
`Autocomplete`	`Autocomplete(inputField[, opts])` Parametreler: `inputField: HTMLInputElement` `Autocomplete` öğesinin eklenmesi gereken `<input>` metin alanı. `opts: AutocompleteOptions optional` Seçenekler. Belirtilen seçeneklerle, belirtilen giriş metni alanına eklenen yeni bir `Autocomplete` örneği oluşturur.

Yöntemler
`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: `bounds: LatLngBounds\|LatLngBoundsLiteral optional` Yanlılık sınırları. 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: `restrictions: ComponentRestrictions optional` Kullanılacak kısıtlamalar. 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: `options: AutocompleteOptions optional` 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`

Etkinlikler
`place_changed`	`function()` Bağımsız değişkenler: Yok Bu etkinlik, kullanıcının seçtiği bir yer için `PlaceResult` kullanı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ü

arayüz google.maps.places.AutocompleteOptions

Autocomplete nesnesinde ayarlanabilecek seçenekler.

Özellikler
`bounds` isteğe bağlı	Tür: `LatLngBounds\|LatLngBoundsLiteral optional` Yerlerin aranacağı alan.
`componentRestrictions` isteğe bağlı	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` isteğe bağlı	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` isteğe bağlı	Desteği sonlandırıldı: `placeIdOnly` için destek 15 Ocak 2019'da sonlandırıldı ve 15 Ocak 2020'de devre dışı bırakılacak. Bunun yerine `AutocompleteOptions.fields` kullanın: `fields: ['place_id', 'name', 'types']`. 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` isteğe bağlı	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` isteğe bağlı	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.

class google.maps.places.SearchBox extends MVCObject
library "places"

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.

const {SearchBox} = await google.maps.importLibrary("places");

Marka
`SearchBox`	`SearchBox(inputField[, opts])` Parametreler: `inputField: HTMLInputElement` `opts: SearchBoxOptions optional` Belirtilen seçeneklerle, belirtilen giriş metni alanına eklenen yeni bir `SearchBox` örneği oluşturur.

Yöntemler
`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: `bounds: LatLngBounds\|LatLngBoundsLiteral optional` 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`

Etkinlikler
`places_changed`	`function()` Bağımsız değişkenler: Yok Bu etkinlik, kullanıcı bir sorgu seçtiğinde tetiklenir. Yeni yerler almak için `getPlaces` kullanılmalıdır.

SearchBoxOptions arayüzü

arayüz google.maps.places.SearchBoxOptions

SearchBox nesnesinde ayarlanabilecek seçenekler.

Özellikler
`bounds` isteğe bağlı	Tür: `LatLngBounds\|LatLngBoundsLiteral 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ı

class google.maps.places.PlaceContextualElement extends HTMLElement implements PlaceContextualElementOptions
library "places"

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.

<gmp-place-contextual
  context-token="string">
</gmp-place-contextual>

const {PlaceContextualElement} = await google.maps.importLibrary("places");

Marka
`PlaceContextualElement`	`PlaceContextualElement([options])` Parametreler: `options: PlaceContextualElementOptions optional`

Özellikler
`contextToken` attr: context-token	Giriş türü: `string optional` Çıkış türü: `string optional` Bağlam parçası. HTML özelliği: `context-token="string"`

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

PlaceContextualElementOptions arayüzü

arayüz google.maps.places.PlaceContextualElementOptions
PlaceContextualElement tarafından uygulandı

PlaceContextualElement için seçenekler.

Özellikler
`contextToken` isteğe bağlı	Tür: `string optional` Google Haritalar ile Temellendirme yanıtı tarafından sağlanan bağlam parçası.

PlaceContextualListConfigElement sınıfı

class google.maps.places.PlaceContextualListConfigElement extends HTMLElement implements PlaceContextualListConfigElementOptions
library "places"

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

<gmp-place-contextual-list-config
  layout="value-name"
  map-hidden>
</gmp-place-contextual-list-config>

const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places");

Marka
`PlaceContextualListConfigElement`	`PlaceContextualListConfigElement([options])` Parametreler: `options: PlaceContextualListConfigElementOptions optional`

Özellikler
`layout` attr: layout	Giriş türü: `PlaceContextualListLayout optional` Çıkış türü: `PlaceContextualListLayout` Düzen. HTML özelliği: `layout="value-name"`
`mapHidden` attr: map-hidden	Giriş türü: `boolean optional` Çıkış türü: `boolean` Haritanın gizli olup olmadığı. HTML özelliği: `map-hidden`

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

PlaceContextualListConfigElementOptions arayüzü

arayüz google.maps.places.PlaceContextualListConfigElementOptions
PlaceContextualListConfigElement tarafından uygulandı

PlaceContextualListConfigElement için seçenekler.

Özellikler
`layout` isteğe bağlı	Tür: `PlaceContextualListLayout optional` Varsayılan: `PlaceContextualListLayout.VERTICAL` Düzen.
`mapHidden` isteğe bağlı	Tür: `boolean optional` Varsayılan: `false` Haritanın gizlenmesi gerekiyorsa doğru değerini döndürür.

PlaceContextualListLayout sabitleri

sabitler google.maps.places.PlaceContextualListLayout
kitaplık "places"

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

Bu sabitler dize olarak da kullanılabilir. TypeScript'te dize sabit değerleri PlaceContextualListLayoutString türüyle tanımlanır.

const {PlaceContextualListLayout} = await google.maps.importLibrary("places");

Sabitler
`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.

PlacePinElement sınıfı

class google.maps.places.PlacePinElement extends HTMLElement implements PlacePinElementOptions
library "places"

Yerin kategori simgesini veya fotoğrafını kullanarak bir yer için harita raptiyesi gösterir. Yeri belirtmek için PlaceDetailsPlaceRequestElement veya PlaceDetailsLocationRequestElement ekleyin. Raptiyeyi AdvancedMarkerElement içeriği olarak kullanın. 3D haritalarda desteklenmez.

Örnek:

 <gmp-advanced-marker>
   <gmp-place-pin>
     <gmp-place-details-place-request
       place="PLACE_ID"
     ></gmp-place-details-place-request>
     <gmp-place-rating></gmp-place-rating>
   </gmp-place-pin>
 </gmp-advanced-marker>

Bu öğeyi kullanmak için Google Cloud Console'da projeniz için Places UI Kit API'yi etkinleştirin.

<gmp-place-pin
  icon="value-name"
  scale="number">
</gmp-place-pin>

const {PlacePinElement} = await google.maps.importLibrary("places");

Marka
`PlacePinElement`	`PlacePinElement([options])` Parametreler: `options: PlacePinElementOptions optional`

Özellikler
`icon` attr: icon	Giriş türü: `PlacePinIcon optional` Çıkış türü: `PlacePinIcon` Varsayılan: `PlacePinIcon.TYPE` Raptiyenin içinde gösterilen simge. Şu sayfaya göz atın: `PlacePinIcon`. HTML özelliği: `icon="value-name"`
`photoRendered` readonly	Tür: `boolean` Salt okunur. Raptiye, yerin fotoğrafını gösteriyorsa doğru değerini döndürür. `icon`, `PHOTO` değilse her zaman yanlış. `icon`, `PHOTO` ise ancak yerin fotoğrafı yoksa veya fotoğraf yüklenemediyse bu değer yanlıştır ve raptiye, yer türü simgesini gösterir. `gmp-load` tetiklenmeden önce ayarlanır.
`place` readonly	Tür: `Place optional` Salt okunur. Şu anda oluşturulan yerin kimliğini, konumunu ve görüntü alanını içeren yer nesnesi. Yer henüz yüklenmediyse veya yüklenemediyse `undefined`.
`scale` attr: scale	Giriş türü: `number optional` Çıkış türü: `number` Varsayılan: `1` Raptiyenin boyut çarpanı. HTML özelliği: `scale="number"`

Slot makineleri
`default`	Raptiyede gösterilen isteğe bağlı içerik (ör. `PlaceRatingElement`, özel `<span>` veya metin). Light DOM alt öğeleri doğrudan raptiyeye yerleştirilir. İçeriğin nerede gösterileceği `icon` bağlıdır: `TYPE` için yer türü simgesinin yanında, `PHOTO` için fotoğrafın üzerinde rozet olarak ve `NONE` için raptiyenin ana içeriği olarak gösterilir.

CSS Özellikleri
`--gmp-background`	Raptiyenin arka plan rengi: hap, fotoğraf çerçevesi, fotoğraf rozeti, gaga ve yer türü raptiyenin kenarlığı.
`--gmp-border-radius`	`PHOTO` raptiyelerde hapın (yerleştirilmiş içerikli yer türü simgesi veya yalnızca yerleştirilmiş içerik) ve fotoğraf çerçevesinin kenar yarıçapı. Varsayılan olarak, yuvalı içeriğe sahip yer türü simgesi için `30px`, yalnızca yuvalı içerik için `12px` ve `12px` fotoğraf çerçevesi kullanılır. Yuvalı içerik içermeyen yer türü raptiyesi için geçerli değildir.
`--gmp-glyph-background`	Yer türü glifinin arkasındaki arka plan rengi. Varsayılan olarak yerin `iconBackgroundColor` değerine ayarlanır.
`--gmp-glyph-color`	Yer türü glifinin rengi. `PHOTO` raptiyesinin yer türü simgesine geri döndüğü durumlar da dahil olmak üzere, glif gösterildiğinde geçerlidir.

Yöntemler
Devralınan: `addEventListener`, `removeEventListener`

Etkinlikler

gmp-error

function(event)

Bağımsız değişkenler:

event: Event optional

Bu etkinlik, raptiye hiçbir şekilde oluşturulamadığında (ör. ağ hatası, kimlik bilgisi hatası (yanlış API anahtarı gibi), çözümlenemeyen bir yer kimliği veya konumu olmayan bir yer nedeniyle) tetiklenir. PIN gizlenir. Bu etkinlik kabarcık oluşturmaz.

gmp-load

function(event)

Bağımsız değişkenler:

event: Event optional

Bu etkinlik, yer ayrıntıları yüklendikten ve raptiye oluşturulduktan sonra tetiklenir. icon, PHOTO olduğunda yalnızca fotoğraf yüklendikten veya yüklenemediğinde tetiklenir. Fotoğrafın yüklenememesi tek başına gmp-error tetiklemez. Yüklenen yerin PlacePinElement.place ve fotoğrafın PlacePinElement.photoRendered tarafından gösterilip gösterilmediğini okuyun. Bu etkinlik kabarcık oluşturmaz.

PlacePinElementOptions arayüzü

arayüz google.maps.places.PlacePinElementOptions
PlacePinElement tarafından uygulandı

PlacePinElement oluşturma seçenekleri.

Özellikler
`icon` isteğe bağlı	Tür: `PlacePinIcon optional` Şu sayfaya göz atın: `PlacePinElement.icon`.
`scale` isteğe bağlı	Tür: `number optional` Şu sayfaya göz atın: `PlacePinElement.scale`.

PlacePinIcon sabitleri

sabitler google.maps.places.PlacePinIcon
kitaplık "places"

PlacePinElement için simge seçenekleri. TYPE varsayılan değerdir. Seçilen simge için gereken veriler eksikse raptiye TYPE değerine geri döner. TYPE için gereken veriler eksikse bunun yerine genel bir simge gösterilir.

Bu sabitler dize olarak da kullanılabilir. TypeScript'te dize sabit değerleri PlacePinIconString türüyle tanımlanır.

const {PlacePinIcon} = await google.maps.importLibrary("places");

Sabitler
`NONE`	Simge göstermez, yalnızca yerleştirilmiş içeriği gösterir.
`PHOTO`	Yerin fotoğrafını bir daire içinde gösterir. Yerin fotoğrafı yoksa `TYPE` kullanılır.
`TYPE`	Yerin kategori simgesini gösterir.

Places Widgets Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.

PlaceAutocompleteElement sınıfı

Marka

Özellikler

Slot makineleri

Parçalar

CSS Özellikleri

Yöntemler

Etkinlikler

PlaceAutocompleteElementOptions arayüzü

Özellikler

PlacePredictionSelectEvent sınıfı

Özellikler

BasicPlaceAutocompleteElement sınıfı

Marka

Özellikler

Slot makineleri

Parçalar

CSS Özellikleri

Yöntemler

Etkinlikler

BasicPlaceAutocompleteElementOptions arayüzü

Özellikler

PlaceDetailsElement sınıfı

Marka

Özellikler

CSS Özellikleri

Yöntemler

Etkinlikler

PlaceDetailsElementOptions arayüzü

Özellikler

PlaceDetailsCompactElement sınıfı

Marka

Özellikler

CSS Özellikleri

Yöntemler

Etkinlikler

PlaceDetailsCompactElementOptions arayüzü

Özellikler

AdvancedPlaceDetailsElement sınıfı

Marka

Özellikler

Slot makineleri

CSS Özellikleri

Yöntemler

Etkinlikler

AdvancedPlaceDetailsElementOptions arayüzü

Özellikler

AdvancedPlaceDetailsCompactElement sınıfı

Marka

Özellikler

Slot makineleri

CSS Özellikleri

Yöntemler

Etkinlikler

AdvancedPlaceDetailsCompactElementOptions arayüzü

Özellikler

PlaceDetailsOrientation sabitleri

Sabitler

PlaceDetailsPlaceRequestElement sınıfı

Marka

Özellikler

Yöntemler

PlaceDetailsPlaceRequestElementOptions arayüzü

Özellikler

PlaceDetailsLocationRequestElement sınıfı

Marka

Özellikler

Yöntemler

PlaceDetailsLocationRequestElementOptions arayüzü

Özellikler

PlaceSearchElement sınıfı

Marka

Özellikler

CSS Özellikleri

Yöntemler

Etkinlikler

PlaceSearchElementOptions arayüzü

Özellikler

PlaceItemElement sınıfı

Places Widgets