Place Widget Content Customization

PlaceContentConfigElement sınıfı

class google.maps.places.PlaceContentConfigElement extends HTMLElement implements PlaceContentConfigElementOptions
library "places"

Özel bir içerik grubu göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için alt öğe olarak ekleyin.

PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement için, ilgili içeriği göstermek üzere PlaceContentConfigElement öğesine aşağıdaki öğelerden herhangi birini ekleyin:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

PlaceDetailsElement için özel olarak aşağıdaki öğelerden herhangi birini de ekleyebilirsiniz:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

Alt öğelerin sırası önemli değildir. Öğe, içeriği özelleştirilemeyen standart bir sırada oluşturur. Örnek: 

 <gmp-place-details>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
     <gmp-place-address></gmp-place-address>
   </gmp-place-content-config>
 </gmp-place-details> 

<gmp-place-content-config></gmp-place-content-config>
 
const {PlaceContentConfigElement} = await google.maps.importLibrary("places");
PlaceContentConfigElement
PlaceContentConfigElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceContentConfigElementOptions arayüzü

arayüz google.maps.places.PlaceContentConfigElementOptions
PlaceContentConfigElement tarafından uygulandı

PlaceContentConfigElement için seçenekler.

PlaceAllContentElement sınıfı

class google.maps.places.PlaceAllContentElement extends HTMLElement implements PlaceAllContentElementOptions
library "places"

Mevcut tüm içerikleri göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için alt öğe olarak ekleyin. Örneğin: 

 <gmp-place-details>
   <gmp-place-all-content></gmp-place-all-content>
 </gmp-place-details>
 

<gmp-place-all-content></gmp-place-all-content>
 
const {PlaceAllContentElement} = await google.maps.importLibrary("places");
PlaceAllContentElement
PlaceAllContentElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceAllContentElementOptions arayüzü

arayüz google.maps.places.PlaceAllContentElementOptions
PlaceAllContentElement tarafından uygulandı

PlaceAllContentElement için seçenekler.

PlaceStandardContentElement sınıfı

class google.maps.places.PlaceStandardContentElement extends HTMLElement implements PlaceStandardContentElementOptions
library "places"

Standart bir içerik grubu göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için alt öğe olarak ekleyin.
PlaceDetailsElement için standart içerik şunlardan oluşur:

  • medya
  • adres
  • derecelendirme
  • tür
  • fiyat
  • engelli uyumlu giriş simgesi
  • web sitesi
  • telefon numarası
  • çalışma saatleri
  • özet
  • türe özgü öne çıkanlar
  • inceleme
  • özellik listesi

PlaceDetailsCompactElement için standart içerik şunlardan oluşur:
  • medya
  • derecelendirme
  • tür
  • fiyat
  • engelli uyumlu giriş simgesi
  • şu anda açık durumu

PlaceSearchElement için standart içerik şunlardan oluşur:
  • medya
  • derecelendirme
  • tür
  • fiyat
  • engelli uyumlu giriş simgesi

Örneğin: 
 <gmp-place-details>
   <gmp-place-standard-content></gmp-place-standard-content>
 </gmp-place-details>
 

<gmp-place-standard-content></gmp-place-standard-content>
 
const {PlaceStandardContentElement} = await google.maps.importLibrary("places");
PlaceStandardContentElement
PlaceStandardContentElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceStandardContentElementOptions arayüzü

arayüz google.maps.places.PlaceStandardContentElementOptions
PlaceStandardContentElement tarafından uygulandı

PlaceStandardContentElement için seçenekler.

PlaceMediaElement sınıfı

class google.maps.places.PlaceMediaElement extends HTMLElement implements PlaceMediaElementOptions
library "places"

Bir yerin fotoğraflar gibi medyalarını göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-media lightbox-preferred></gmp-place-media>
 </gmp-place-content-config>
 

<gmp-place-media
  lightbox-preferred
  preferred-size="value-name">
</gmp-place-media>
 
const {PlaceMediaElement} = await google.maps.importLibrary("places");
PlaceMediaElement
PlaceMediaElement([options])
Parametreler:
lightboxPreferred
attr: lightbox-preferred
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Her iki seçeneğin de desteklendiği durumlarda medya lightbox'ının etkinleştirilip etkinleştirilmeyeceği.
HTML özelliği: lightbox-preferred
preferredSize
attr: preferred-size
Giriş türü: MediaSize optional
Çıkış türü: MediaSize optional
Varsayılan: null
Dikey PlaceSearchElement gibi birden fazla boyutun desteklendiği durumlarda tercih edilen medya boyutu. PlaceSearchElement sektörü, bu belirtilmezse varsayılan olarak MediaSize.SMALL kullanır.
HTML özelliği: preferred-size="value-name"
Devralınan: addEventListener, removeEventListener

PlaceMediaElementOptions arayüzü

arayüz google.maps.places.PlaceMediaElementOptions
PlaceMediaElement tarafından uygulandı

PlaceMediaElement için seçenekler.
lightboxPreferred
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: PlaceMediaElement.lightboxPreferred.
preferredSize
isteğe bağlı
Tür: MediaSize optional
Şu sayfaya göz atın: PlaceMediaElement.preferredSize.

MediaSize sabitleri

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

Dikey PlaceSearchElement gibi birden fazla boyutun desteklendiği durumlarda tercih edilen medya boyutu.

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

const {MediaSize} = await google.maps.importLibrary("places");
LARGE Büyük medya boyutu.
MEDIUM Orta medya boyutu.
SMALL Küçük medya boyutu.

PlaceAddressElement sınıfı

class google.maps.places.PlaceAddressElement extends HTMLElement implements PlaceAddressElementOptions
library "places"

Bir yerin adresini göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-address></gmp-place-address>
 </gmp-place-content-config>
 

<gmp-place-address></gmp-place-address>
 
const {PlaceAddressElement} = await google.maps.importLibrary("places");
PlaceAddressElement
PlaceAddressElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceAddressElementOptions arayüzü

arayüz google.maps.places.PlaceAddressElementOptions
PlaceAddressElement tarafından uygulandı

PlaceAddressElement için seçenekler.

PlaceRatingElement sınıfı

class google.maps.places.PlaceRatingElement extends HTMLElement implements PlaceRatingElementOptions
library "places"

Bir yerin puanını göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-rating></gmp-place-rating>
 </gmp-place-content-config>
 

<gmp-place-rating></gmp-place-rating>
 
const {PlaceRatingElement} = await google.maps.importLibrary("places");
PlaceRatingElement
PlaceRatingElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceRatingElementOptions arayüzü

arayüz google.maps.places.PlaceRatingElementOptions
PlaceRatingElement tarafından uygulandı

PlaceRatingElement için seçenekler.

PlaceTypeElement sınıfı

class google.maps.places.PlaceTypeElement extends HTMLElement implements PlaceTypeElementOptions
library "places"

Bir yerin türünü göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-type></gmp-place-type>
 </gmp-place-content-config>
 

<gmp-place-type></gmp-place-type>
 
const {PlaceTypeElement} = await google.maps.importLibrary("places");
PlaceTypeElement
PlaceTypeElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceTypeElementOptions arayüzü

arayüz google.maps.places.PlaceTypeElementOptions
PlaceTypeElement tarafından uygulandı

PlaceTypeElement için seçenekler.

PlacePriceElement sınıfı

class google.maps.places.PlacePriceElement extends HTMLElement implements PlacePriceElementOptions
library "places"

Bir yerin fiyat seviyesini veya fiyat aralığını göstermek için PlaceDetailsCompactElement, PlaceDetailsElement ya da PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-price></gmp-place-price>
 </gmp-place-content-config>
 

<gmp-place-price></gmp-place-price>
 
const {PlacePriceElement} = await google.maps.importLibrary("places");
PlacePriceElement
PlacePriceElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlacePriceElementOptions arayüzü

arayüz google.maps.places.PlacePriceElementOptions
PlacePriceElement tarafından uygulandı

PlacePriceElement için seçenekler.

PlaceAccessibleEntranceIconElement sınıfı

class google.maps.places.PlaceAccessibleEntranceIconElement extends HTMLElement implements PlaceAccessibleEntranceIconElementOptions
library "places"

Girişi tekerlekli sandalye kullanımına uygun olan yerlerde tekerlekli sandalye simgesi göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
 </gmp-place-content-config>
 

<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
 
const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places");
PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceAccessibleEntranceIconElementOptions arayüzü

arayüz google.maps.places.PlaceAccessibleEntranceIconElementOptions
PlaceAccessibleEntranceIconElement tarafından uygulandı

PlaceAccessibleEntranceIconElement için seçenekler.

PlaceOpenNowStatusElement sınıfı

class google.maps.places.PlaceOpenNowStatusElement extends HTMLElement implements PlaceOpenNowStatusElementOptions
library "places"

Bir yerin açık veya kapalı durumunu göstermek için PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-open-now-status></gmp-place-open-now-status>
 </gmp-place-content-config>
 

<gmp-place-open-now-status></gmp-place-open-now-status>
 
const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places");
PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parametreler:
Devralınan: addEventListener, removeEventListener

PlaceOpenNowStatusElementOptions arayüzü

arayüz google.maps.places.PlaceOpenNowStatusElementOptions
PlaceOpenNowStatusElement tarafından uygulandı

PlaceOpenNowStatusElement için seçenekler.

PlaceReviewSummaryElement sınıfı

class google.maps.places.PlaceReviewSummaryElement extends HTMLElement implements PlaceReviewSummaryElementOptions
library "places"

Bir yerin yorum özetini göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-review-summary></gmp-place-review-summary>
 </gmp-place-content-config>
 

<gmp-place-review-summary></gmp-place-review-summary>
 
const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceReviewSummaryElementOptions arayüzü

arayüz google.maps.places.PlaceReviewSummaryElementOptions
PlaceReviewSummaryElement tarafından uygulandı

PlaceReviewSummaryElement için seçenekler.

PlaceReviewsElement sınıfı

class google.maps.places.PlaceReviewsElement extends HTMLElement implements PlaceReviewsElementOptions
library "places"

Bir yerin yorumlarını göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-reviews></gmp-place-reviews>
 </gmp-place-content-config>
 

<gmp-place-reviews></gmp-place-reviews>
 
const {PlaceReviewsElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceReviewsElementOptions arayüzü

arayüz google.maps.places.PlaceReviewsElementOptions
PlaceReviewsElement tarafından uygulandı

PlaceReviewsElement için seçenekler.

PlaceSummaryElement sınıfı

class google.maps.places.PlaceSummaryElement extends HTMLElement implements PlaceSummaryElementOptions
library "places"

Bir yerin özetini göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-summary></gmp-place-summary>
 </gmp-place-content-config>
 

<gmp-place-summary></gmp-place-summary>
 
const {PlaceSummaryElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceSummaryElementOptions arayüzü

arayüz google.maps.places.PlaceSummaryElementOptions
PlaceSummaryElement tarafından uygulandı

PlaceSummaryElement için seçenekler.

PlaceFeatureListElement sınıfı

class google.maps.places.PlaceFeatureListElement extends HTMLElement implements PlaceFeatureListElementOptions
library "places"

"Hakkında" sekmesinde bir yerin özellik listesini gösterecek şekilde PlaceDetailsElement yapılandırır. Özellik listesinde erişilebilirlik seçenekleri, imkanlar, kabul edilen ödeme yöntemleri ve daha fazlası yer alabilir. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-feature-list></gmp-place-feature-list>
 </gmp-place-content-config>
 

<gmp-place-feature-list></gmp-place-feature-list>
 
const {PlaceFeatureListElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceFeatureListElementOptions arayüzü

arayüz google.maps.places.PlaceFeatureListElementOptions
PlaceFeatureListElement tarafından uygulandı

PlaceFeatureListElement için seçenekler.

PlaceOpeningHoursElement sınıfı

class google.maps.places.PlaceOpeningHoursElement extends HTMLElement implements PlaceOpeningHoursElementOptions
library "places"

Bir yerin çalışma saatlerini göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-opening-hours></gmp-place-opening-hours>
 </gmp-place-content-config>
 

<gmp-place-opening-hours></gmp-place-opening-hours>
 
const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceOpeningHoursElementOptions arayüzü

arayüz google.maps.places.PlaceOpeningHoursElementOptions
PlaceOpeningHoursElement tarafından uygulandı

PlaceOpeningHoursElement için seçenekler.

PlacePhoneNumberElement sınıfı

class google.maps.places.PlacePhoneNumberElement extends HTMLElement implements PlacePhoneNumberElementOptions
library "places"

Bir yerin telefon numarasını göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-phone-number></gmp-place-phone-number>
 </gmp-place-content-config>
 

<gmp-place-phone-number></gmp-place-phone-number>
 
const {PlacePhoneNumberElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlacePhoneNumberElementOptions arayüzü

arayüz google.maps.places.PlacePhoneNumberElementOptions
PlacePhoneNumberElement tarafından uygulandı

PlacePhoneNumberElement için seçenekler.

PlacePlusCodeElement sınıfı

class google.maps.places.PlacePlusCodeElement extends HTMLElement implements PlacePlusCodeElementOptions
library "places"

Bir yerin Plus Code'unu göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-plus-code></gmp-place-plus-code>
 </gmp-place-content-config>
 

<gmp-place-plus-code></gmp-place-plus-code>
 
const {PlacePlusCodeElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlacePlusCodeElementOptions arayüzü

arayüz google.maps.places.PlacePlusCodeElementOptions
PlacePlusCodeElement tarafından uygulandı

PlacePlusCodeElement için seçenekler.

PlaceTypeSpecificHighlightsElement sınıfı

class google.maps.places.PlaceTypeSpecificHighlightsElement extends HTMLElement implements PlaceTypeSpecificHighlightsElementOptions
library "places"

Bir yerin türe özgü öne çıkan özelliklerini (ör. benzin fiyatları ve EV şarj cihazı kullanılabilirliği) göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
 </gmp-place-content-config>
 

<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
 
const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceTypeSpecificHighlightsElementOptions arayüzü

arayüz google.maps.places.PlaceTypeSpecificHighlightsElementOptions
PlaceTypeSpecificHighlightsElement tarafından uygulandı

PlaceTypeSpecificHighlightsElement için seçenekler.

PlaceWebsiteElement sınıfı

class google.maps.places.PlaceWebsiteElement extends HTMLElement implements PlaceWebsiteElementOptions
library "places"

Bir yerin web sitesini göstermek için PlaceDetailsElement yapılandırır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-website></gmp-place-website>
 </gmp-place-content-config>
 

<gmp-place-website></gmp-place-website>
 
const {PlaceWebsiteElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceWebsiteElementOptions arayüzü

arayüz google.maps.places.PlaceWebsiteElementOptions
PlaceWebsiteElement tarafından uygulandı

PlaceWebsiteElement için seçenekler.

PlaceAttributionElement sınıfı

class google.maps.places.PlaceAttributionElement extends HTMLElement implements PlaceAttributionElementOptions
library "places"

PlaceDetailsCompactElement, PlaceDetailsElement veya PlaceSearchElement içinde Google Haritalar atıf metninin özelleştirilmesine olanak tanır. Bu öğeyi kullanmak için bir PlaceContentConfigElement öğesinin alt öğesi olarak ekleyin. Bu öğe atlanırsa ilişkilendirme varsayılan renklerle gösterilir. Örneğin: 

 <gmp-place-content-config>
   <gmp-place-attribution
      light-scheme-color="black"
      dark-scheme-color="white"
   ></gmp-place-attribution>
 </gmp-place-content-config>
 

<gmp-place-attribution
  dark-scheme-color="value-name"
  light-scheme-color="value-name">
</gmp-place-attribution>
 
const {PlaceAttributionElement} = await google.maps.importLibrary("places");
PlaceAttributionElement
PlaceAttributionElement([options])
Parametreler:
darkSchemeColor
attr: dark-scheme-color
Giriş türü: AttributionColor optional
Çıkış türü: AttributionColor
Varsayılan: AttributionColor.WHITE
Koyu modda Google Haritalar ilişkilendirmesinin rengi.
HTML özelliği: dark-scheme-color="value-name"
lightSchemeColor
attr: light-scheme-color
Giriş türü: AttributionColor optional
Çıkış türü: AttributionColor
Varsayılan: AttributionColor.GRAY
Açık modda Google Haritalar ilişkilendirmesinin rengi.
HTML özelliği: light-scheme-color="value-name"
Devralınan: addEventListener, removeEventListener

PlaceAttributionElementOptions arayüzü

arayüz google.maps.places.PlaceAttributionElementOptions
PlaceAttributionElement tarafından uygulandı

PlaceAttributionElement için seçenekler.
darkSchemeColor
isteğe bağlı
Tür: AttributionColor optional
Şu sayfaya göz atın: PlaceAttributionElement.darkSchemeColor.
lightSchemeColor
isteğe bağlı
Tür: AttributionColor optional
Şu sayfaya göz atın: PlaceAttributionElement.lightSchemeColor.

AttributionColor sabitleri

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

Google Haritalar atıf metni için renk seçenekleri. İlişkilendirme, bu renklerden herhangi birini kullanacak şekilde özelleştirilebilir.

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

const {AttributionColor} = await google.maps.importLibrary("places");
BLACK Siyah atıf metni.
GRAY Gri atıf metni.
WHITE Beyaz atıf metni.

PlaceButtonElement sınıfı

class google.maps.places.PlaceButtonElement extends HTMLElement implements PlaceButtonElementOptions
library "places"

action-main veya action-corner alanına yerleştirilmiş bir düğme gösterir. PlaceButtonElement için varsayılan davranış yoktur. Davranışını tanımlamak için öğeye bir etkinlik işleyici ekleyin. Düğme varsayılan olarak action-main alanında gösterilir.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>
 
const {PlaceButtonElement} = await google.maps.importLibrary("places");
actionAriaLabel
attr: action-aria-label
Tür: string optional
Varsayılan: undefined
Dahili kontrol için ARIA etiketi. Yalnızca simge içeren kontrollerin her zaman amaçlarını ve davranışlarını açıklayan bir aria-label özelliği olmalıdır. Köşede oluşturulan kontrollerde etiket gösterilmez. Bu nedenle, köşe kontrolleri için etiket yerine aria-label kullanılması önerilir.
HTML özelliği: action-aria-label="string"
label
attr: label
Tür: string optional
Varsayılan: undefined
Kontrolde gösterilecek etiket. Önceden tanımlanmış işlem türlerine sahip bağlantılar için bu özellik yoksayılır. İşlem köşesi alanında oluşturulan bağlantılar ve düğmelerde etiket gösterilmez. Köşe kontrolleri için action-aria-label özelliğini kullanmanız önerilir.
HTML özelliği: label="string"
icon-start
Etiket öncesinde başlayan simge içeriği için bir alan. Bu, hem ana hem de köşe işlem kontrolleri için kullanılır. Bir kontrol, köşe durumuna daraldığında bu yuvadaki içerik oluşturulur.
button
İç kontrol öğesini hedefleyen bir CSS bölümü.
Devralınan: addEventListener, removeEventListener
gmp-click
function(event)
Bağımsız değişkenler:
Kontrol tıklandığında tetiklenir.

PlaceButtonElementOptions arayüzü

arayüz google.maps.places.PlaceButtonElementOptions
PlaceButtonElement tarafından uygulandı

PlaceButtonElement için seçenekler.
actionAriaLabel
isteğe bağlı
Tür: string optional
Dahili kontrol için ARIA etiketi. Yalnızca simge içeren kontrollerin her zaman amaçlarını ve davranışlarını açıklayan bir aria-label özelliği olmalıdır. Köşede oluşturulan kontrollerde etiket gösterilmez. Bu nedenle, köşe kontrolleri için etiket yerine aria-label kullanılması önerilir.
label
isteğe bağlı
Tür: string optional
Kontrolde gösterilecek etiket. Önceden tanımlanmış işlem türlerine sahip bağlantılar için bu özellik yoksayılır. İşlem köşesi alanında oluşturulan bağlantılar ve düğmelerde etiket gösterilmez. Köşe kontrolleri için action-aria-label özelliğini kullanmanız önerilir.

PlaceLinkElement sınıfı

class google.maps.places.PlaceLinkElement extends HTMLElement implements PlaceLinkElementOptions
library "places"

action-main veya action-corner alanına yerleştirilmiş bir bağlantı gösterir. Bağlantı, varsayılan olarak action-main alanında gösterilir. Bağlantının davranışını belirtmek için action özelliğini kullanın. ActionLinkType bölümünde listelenen çeşitli işlem türleri kullanılabilir. Özel bağlantı için custom işlem türünü belirtin ve href ile label özelliklerini ayarlayın.

<gmp-place-link
  action="value-name"
  action-aria-label="string"
  href="string"
  label="string"
  target="string">
</gmp-place-link>
 
const {PlaceLinkElement} = await google.maps.importLibrary("places");
action
attr: action
Tür: ActionLinkType optional
Bağlantı tıklandığında gerçekleştirilecek işlemin türü. Bağlantının varsayılan etiketini, simgesini ve hedef href'ini belirler. Bir hedefi manuel olarak ayarlamak için custom türünü kullanın ve href özelliğini belirtin.
HTML özelliği: action="value-name"
actionAriaLabel
attr: action-aria-label
Tür: string optional
Varsayılan: undefined
Dahili kontrol için ARIA etiketi. Yalnızca simge içeren kontrollerin her zaman amaçlarını ve davranışlarını açıklayan bir aria-label özelliği olmalıdır. Köşede oluşturulan kontrollerde etiket gösterilmez. Bu nedenle, köşe kontrolleri için etiket yerine aria-label kullanılması önerilir.
HTML özelliği: action-aria-label="string"
href
attr: href
Tür: string optional
Varsayılan: undefined
Bağlantı tıklandığında açılacak URL. Bu özellik yalnızca action özelliği custom olarak ayarlandığında kullanılır.
HTML özelliği: href="string"
label
attr: label
Tür: string optional
Varsayılan: undefined
Kontrolde gösterilecek etiket. Önceden tanımlanmış işlem türlerine sahip bağlantılar için bu özellik yoksayılır. İşlem köşesi alanında oluşturulan bağlantılar ve düğmelerde etiket gösterilmez. Köşe kontrolleri için action-aria-label özelliğini kullanmanız önerilir.
HTML özelliği: label="string"
target
attr: target
Tür: string optional
Varsayılan: undefined
Bağlantının nerede açılacağını belirler. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target adresini ziyaret edin.
HTML özelliği: target="string"
icon-start
Etiket öncesinde başlayan simge içeriği için bir alan. Bu, hem ana hem de köşe işlem kontrolleri için kullanılır. Bir kontrol, köşe durumuna daraldığında bu yuvadaki içerik oluşturulur.
button
İç kontrol öğesini hedefleyen bir CSS bölümü.
Devralınan: addEventListener, removeEventListener
gmp-click
function(event)
Bağımsız değişkenler:
Kontrol tıklandığında tetiklenir.

PlaceLinkElementOptions arayüzü

arayüz google.maps.places.PlaceLinkElementOptions
PlaceLinkElement tarafından uygulandı

PlaceLinkElement için seçenekler.
action
isteğe bağlı
Tür: ActionLinkType optional
Şu sayfaya göz atın: PlaceLinkElement.action.
actionAriaLabel
isteğe bağlı
Tür: string optional
Dahili kontrol için ARIA etiketi. Yalnızca simge içeren kontrollerin her zaman amaçlarını ve davranışlarını açıklayan bir aria-label özelliği olmalıdır. Köşede oluşturulan kontrollerde etiket gösterilmez. Bu nedenle, köşe kontrolleri için etiket yerine aria-label kullanılması önerilir.
href
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: PlaceLinkElement.href.
label
isteğe bağlı
Tür: string optional
Kontrolde gösterilecek etiket. Önceden tanımlanmış işlem türlerine sahip bağlantılar için bu özellik yoksayılır. İşlem köşesi alanında oluşturulan bağlantılar ve düğmelerde etiket gösterilmez. Köşe kontrolleri için action-aria-label özelliğini kullanmanız önerilir.
target
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: PlaceLinkElement.target.

ActionLinkType sabitleri

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

Tıklandığında PlaceLinkElement tarafından gerçekleştirilen işlem. Simgeyi, etiketi ve href hedefini belirler.

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

const {ActionLinkType} = await google.maps.importLibrary("places");
CALL Yeri aramak için bir tel: bağlantısını tetikler. Davranış, işletim sistemine bağlıdır.
CUSTOM Özel bağlantılar için bu işlem türünü kullanın. Bu işlem türü kullanılırken href özelliği PlaceLinkElement üzerinde ayarlanmalıdır.
OPEN_DIRECTIONS PlaceLinkElement.target ile belirtilen konumdaki yerin yol tarifini açar.
OPEN_MAP Haritayı PlaceLinkElement.target tarafından belirtilen konumda açar.
OPEN_WEBSITE Yerin web sitesini PlaceLinkElement.target ile belirtilen konumda açar.

ActionButtonPosition sabitleri

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

Kontrolün, yer ayrıntıları widget'ındaki yuva konumu.

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

const {ActionButtonPosition} = await google.maps.importLibrary("places");
ACTION_CORNER Kontrol, widget'ın köşesinde oluşturulur. Köşe kontrolleri yalnızca bir simge oluşturur.
ACTION_MAIN Kontrol, widget'ın ana içerik alanında oluşturulur. Etiketler ve simgeler oluşturulur.

PlaceActionEvent sınıfı

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

İşlem düğmesi tıklandığında tetiklenen etkinlik.

const {PlaceActionEvent} = await google.maps.importLibrary("places");
place
readonly
Tür: Place
Tıklanan yer.

PlaceNameElement sınıfı

class google.maps.places.PlaceNameElement extends HTMLElement implements PlaceNameElementOptions
library "places"

Yer ayrıntıları öğesinde bir yerin adını gösterir.

<gmp-place-name></gmp-place-name>
 
const {PlaceNameElement} = await google.maps.importLibrary("places");
Devralınan: addEventListener, removeEventListener

PlaceNameElementOptions arayüzü

arayüz google.maps.places.PlaceNameElementOptions
PlaceNameElement tarafından uygulandı

PlaceNameElement için seçenekler.