Place Widget Content Customization

Class PlaceContentConfigElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan kumpulan konten kustom. Tambahkan elemen ini sebagai turunan untuk menggunakannya.

Untuk PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement, tambahkan salah satu elemen berikut ke PlaceContentConfigElement untuk menampilkan konten yang sesuai:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

Khusus untuk PlaceDetailsElement, Anda juga dapat menambahkan salah satu elemen berikut:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

Urutan turunan tidak menjadi masalah; elemen merender konten dalam urutan standar yang tidak dapat disesuaikan. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceContentConfigElementOptions

antarmuka google.maps.places.PlaceContentConfigElementOptions
diimplementasikan oleh PlaceContentConfigElement

Opsi untuk PlaceContentConfigElement.

Class PlaceAllContentElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan semua konten yang tersedia. Tambahkan elemen ini sebagai turunan untuk menggunakannya. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceAllContentElementOptions

antarmuka google.maps.places.PlaceAllContentElementOptions
diimplementasikan oleh PlaceAllContentElement

Opsi untuk PlaceAllContentElement.

Class PlaceStandardContentElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan set standar konten. Tambahkan elemen ini sebagai turunan untuk menggunakannya.
Untuk PlaceDetailsElement, konten standar terdiri dari:

  • media
  • alamat
  • rating
  • jenis
  • harga
  • ikon pintu masuk khusus difabel
  • situs
  • nomor telepon
  • jam buka
  • ringkasan
  • sorotan khusus jenis
  • ulasan
  • daftar fitur

Untuk PlaceDetailsCompactElement, konten standar terdiri dari:
  • media
  • rating
  • jenis
  • harga
  • ikon pintu masuk khusus difabel
  • status buka sekarang

Untuk PlaceSearchElement, konten standar terdiri dari:
  • media
  • rating
  • jenis
  • harga
  • ikon pintu masuk khusus difabel

Contoh:
 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceStandardContentElementOptions

antarmuka google.maps.places.PlaceStandardContentElementOptions
diimplementasikan oleh PlaceStandardContentElement

Opsi untuk PlaceStandardContentElement.

Class PlaceMediaElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan media tempat, seperti foto. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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])
Parameter:
lightboxPreferred
attr: lightbox-preferred
Jenis input: boolean optional
Jenis output: boolean
Default: false
Apakah akan mengaktifkan atau menonaktifkan lightbox media, jika kedua opsi didukung.
Atribut HTML: lightbox-preferred
preferredSize
attr: preferred-size
Jenis input: MediaSize optional
Jenis output: MediaSize optional
Default: null
Ukuran media yang diinginkan jika beberapa ukuran didukung, seperti PlaceSearchElement vertikal. PlaceSearchElement vertikal akan menggunakan MediaSize.SMALL secara default jika tidak ditentukan.
Atribut HTML: preferred-size="value-name"
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceMediaElementOptions

antarmuka google.maps.places.PlaceMediaElementOptions
diimplementasikan oleh PlaceMediaElement

Opsi untuk PlaceMediaElement.

lightboxPreferred
opsional
Jenis: boolean optional
preferredSize
opsional
Jenis: MediaSize optional

MediaSize

google.maps.places.MediaSize
library "places"

Ukuran media yang diinginkan jika beberapa ukuran didukung, seperti PlaceSearchElement vertikal.

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis MediaSizeString.

const {MediaSize} = await google.maps.importLibrary("places");
LARGE Ukuran media besar.
MEDIUM Ukuran media sedang.
SMALL Ukuran media kecil.

Class PlaceAddressElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan alamat tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceAddressElementOptions

antarmuka google.maps.places.PlaceAddressElementOptions
diimplementasikan oleh PlaceAddressElement

Opsi untuk PlaceAddressElement.

Class PlaceRatingElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan rating tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceRatingElementOptions

antarmuka google.maps.places.PlaceRatingElementOptions
diimplementasikan oleh PlaceRatingElement

Opsi untuk PlaceRatingElement.

Class PlaceTypeElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan jenis tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceTypeElementOptions

antarmuka google.maps.places.PlaceTypeElementOptions
diimplementasikan oleh PlaceTypeElement

Opsi untuk PlaceTypeElement.

Class PlacePriceElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan tingkat harga atau rentang harga tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlacePriceElementOptions

antarmuka google.maps.places.PlacePriceElementOptions
diimplementasikan oleh PlacePriceElement

Opsi untuk PlacePriceElement.

Class PlaceAccessibleEntranceIconElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan ikon kursi roda jika tempat tersebut memiliki pintu masuk yang dapat diakses pengguna kursi roda. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceAccessibleEntranceIconElementOptions

antarmuka google.maps.places.PlaceAccessibleEntranceIconElementOptions
diimplementasikan oleh PlaceAccessibleEntranceIconElement

Opsi untuk PlaceAccessibleEntranceIconElement.

Class PlaceOpenNowStatusElement

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

Mengonfigurasi PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement untuk menampilkan status buka atau tutup saat ini dari suatu tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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])
Parameter:
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceOpenNowStatusElementOptions

antarmuka google.maps.places.PlaceOpenNowStatusElementOptions
diimplementasikan oleh PlaceOpenNowStatusElement

Opsi untuk PlaceOpenNowStatusElement.

Class PlaceReviewSummaryElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan ringkasan ulasan tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceReviewSummaryElementOptions

antarmuka google.maps.places.PlaceReviewSummaryElementOptions
diimplementasikan oleh PlaceReviewSummaryElement

Opsi untuk PlaceReviewSummaryElement.

Class PlaceReviewsElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan ulasan tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceReviewsElementOptions

antarmuka google.maps.places.PlaceReviewsElementOptions
diimplementasikan oleh PlaceReviewsElement

Opsi untuk PlaceReviewsElement.

Class PlaceSummaryElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan ringkasan tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceSummaryElementOptions

antarmuka google.maps.places.PlaceSummaryElementOptions
diimplementasikan oleh PlaceSummaryElement

Opsi untuk PlaceSummaryElement.

Class PlaceFeatureListElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan daftar fitur tempat di tab "Tentang". Daftar fitur dapat mencakup opsi aksesibilitas, fasilitas, metode pembayaran yang diterima, dan lainnya. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceFeatureListElementOptions

antarmuka google.maps.places.PlaceFeatureListElementOptions
diimplementasikan oleh PlaceFeatureListElement

Opsi untuk PlaceFeatureListElement.

Class PlaceOpeningHoursElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan jam buka tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceOpeningHoursElementOptions

antarmuka google.maps.places.PlaceOpeningHoursElementOptions
diimplementasikan oleh PlaceOpeningHoursElement

Opsi untuk PlaceOpeningHoursElement.

Class PlacePhoneNumberElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan nomor telepon tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlacePhoneNumberElementOptions

antarmuka google.maps.places.PlacePhoneNumberElementOptions
diimplementasikan oleh PlacePhoneNumberElement

Opsi untuk PlacePhoneNumberElement.

Class PlacePlusCodeElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan Plus Codes suatu tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlacePlusCodeElementOptions

antarmuka google.maps.places.PlacePlusCodeElementOptions
diimplementasikan oleh PlacePlusCodeElement

Opsi untuk PlacePlusCodeElement.

Class PlaceTypeSpecificHighlightsElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan sorotan khusus jenis tempat, seperti harga bensin dan ketersediaan pengisi daya EV. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceTypeSpecificHighlightsElementOptions

antarmuka google.maps.places.PlaceTypeSpecificHighlightsElementOptions
diimplementasikan oleh PlaceTypeSpecificHighlightsElement

Opsi untuk PlaceTypeSpecificHighlightsElement.

Class PlaceWebsiteElement

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

Mengonfigurasi PlaceDetailsElement untuk menampilkan situs tempat. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Contoh:

 <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");
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceWebsiteElementOptions

antarmuka google.maps.places.PlaceWebsiteElementOptions
diimplementasikan oleh PlaceWebsiteElement

Opsi untuk PlaceWebsiteElement.

Class PlaceAttributionElement

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

Memungkinkan penyesuaian teks atribusi Google Maps di PlaceDetailsCompactElement, PlaceDetailsElement, atau PlaceSearchElement. Tambahkan elemen ini sebagai turunan dari PlaceContentConfigElement untuk menggunakannya. Jika elemen ini dihilangkan, atribusi akan tetap ditampilkan dengan warna default. Contoh:

 <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])
Parameter:
darkSchemeColor
attr: dark-scheme-color
Jenis input: AttributionColor optional
Jenis output: AttributionColor
Default: AttributionColor.WHITE
Warna atribusi Google Maps dalam mode gelap.
Atribut HTML: dark-scheme-color="value-name"
lightSchemeColor
attr: light-scheme-color
Jenis input: AttributionColor optional
Jenis output: AttributionColor
Default: AttributionColor.GRAY
Warna atribusi Google Maps dalam mode terang.
Atribut HTML: light-scheme-color="value-name"
Diwarisi: addEventListener, removeEventListener

Antarmuka PlaceAttributionElementOptions

antarmuka google.maps.places.PlaceAttributionElementOptions
diimplementasikan oleh PlaceAttributionElement

Opsi untuk PlaceAttributionElement.

darkSchemeColor
opsional
Jenis: AttributionColor optional
lightSchemeColor
opsional
Jenis: AttributionColor optional

Konstanta AttributionColor

google.maps.places.AttributionColor
library "places"

Opsi warna untuk teks atribusi Google Maps. Atribusi dapat disesuaikan untuk menggunakan salah satu warna ini.

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis AttributionColorString.

const {AttributionColor} = await google.maps.importLibrary("places");
BLACK Teks atribusi hitam.
GRAY Teks atribusi berwarna abu-abu.
WHITE Teks atribusi putih.

Class PlaceButtonElement

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

Menampilkan tombol yang ditempatkan di slot action-main atau slot action-corner. PlaceButtonElement tidak memiliki perilaku default. Lampirkan pemroses peristiwa ke elemen untuk menentukan perilakunya. Secara default, tombol akan ditampilkan di slot action-main.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>
const {PlaceButtonElement} = await google.maps.importLibrary("places");
actionAriaLabel
attr: action-aria-label
Jenis: string optional
Default: undefined
Label ARIA untuk kontrol internal. Kontrol khusus ikon harus selalu memiliki aria-label untuk menjelaskan tujuan dan perilakunya. Kontrol yang dirender di sudut tidak menampilkan label, sehingga sebaiknya gunakan aria-label, bukan label untuk kontrol sudut.
Atribut HTML: action-aria-label="string"
label
attr: label
Jenis: string optional
Default: undefined
Label yang akan ditampilkan dalam kontrol. Untuk link dengan jenis tindakan yang telah ditentukan, atribut ini akan diabaikan. Link dan tombol yang dirender di slot sudut tindakan tidak menampilkan label. Sebaiknya gunakan atribut action-aria-label untuk kontrol sudut.
Atribut HTML: label="string"
icon-start
Slot untuk konten ikon yang dimulai sebelum label. Hal ini digunakan untuk kontrol tindakan utama dan sudut. Saat kontrol diciutkan ke status sudutnya, konten dalam slot ini akan dirender.
button
Bagian CSS yang menargetkan elemen kontrol dalam.
Diwarisi: addEventListener, removeEventListener
gmp-click
function(event)
Argumen:
Diaktifkan saat kontrol diklik.

Antarmuka PlaceButtonElementOptions

antarmuka google.maps.places.PlaceButtonElementOptions
diimplementasikan oleh PlaceButtonElement

Opsi untuk PlaceButtonElement.

actionAriaLabel
opsional
Jenis: string optional
Label ARIA untuk kontrol internal. Kontrol khusus ikon harus selalu memiliki aria-label untuk menjelaskan tujuan dan perilakunya. Kontrol yang dirender di sudut tidak menampilkan label, sehingga sebaiknya gunakan aria-label, bukan label untuk kontrol sudut.
label
opsional
Jenis: string optional
Label yang akan ditampilkan dalam kontrol. Untuk link dengan jenis tindakan yang telah ditentukan, atribut ini akan diabaikan. Link dan tombol yang dirender di slot sudut tindakan tidak menampilkan label. Sebaiknya gunakan atribut action-aria-label untuk kontrol sudut.

Class PlaceLinkElement

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

Menampilkan link yang ditempatkan di slot action-main atau slot action-corner. Secara default, link akan ditampilkan di slot action-main. Gunakan atribut action untuk menentukan perilaku link. Beberapa jenis tindakan yang tersedia untuk digunakan tercantum di ActionLinkType. Untuk link kustom, tentukan jenis tindakan custom dan tetapkan atribut href dan label.

<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
Jenis: ActionLinkType optional
Jenis tindakan yang akan dilakukan saat link diklik. Menentukan label, ikon, dan href tujuan default link. Gunakan jenis custom dan tentukan atribut href untuk menetapkan tujuan secara manual.
Atribut HTML: action="value-name"
actionAriaLabel
attr: action-aria-label
Jenis: string optional
Default: undefined
Label ARIA untuk kontrol internal. Kontrol khusus ikon harus selalu memiliki aria-label untuk menjelaskan tujuan dan perilakunya. Kontrol yang dirender di sudut tidak menampilkan label, sehingga sebaiknya gunakan aria-label, bukan label untuk kontrol sudut.
Atribut HTML: action-aria-label="string"
href
attr: href
Jenis: string optional
Default: undefined
URL yang akan dibuka saat link diklik. Atribut ini hanya digunakan jika atribut action ditetapkan ke custom.
Atribut HTML: href="string"
label
attr: label
Jenis: string optional
Default: undefined
Label yang akan ditampilkan dalam kontrol. Untuk link dengan jenis tindakan yang telah ditentukan, atribut ini akan diabaikan. Link dan tombol yang dirender di slot sudut tindakan tidak menampilkan label. Sebaiknya gunakan atribut action-aria-label untuk kontrol sudut.
Atribut HTML: label="string"
target
attr: target
Jenis: string optional
Default: undefined
Atribut HTML: target="string"
icon-start
Slot untuk konten ikon yang dimulai sebelum label. Hal ini digunakan untuk kontrol tindakan utama dan sudut. Saat kontrol diciutkan ke status sudutnya, konten dalam slot ini akan dirender.
button
Bagian CSS yang menargetkan elemen kontrol dalam.
Diwarisi: addEventListener, removeEventListener
gmp-click
function(event)
Argumen:
Diaktifkan saat kontrol diklik.

Antarmuka PlaceLinkElementOptions

antarmuka google.maps.places.PlaceLinkElementOptions
diimplementasikan oleh PlaceLinkElement

Opsi untuk PlaceLinkElement.

action
opsional
Jenis: ActionLinkType optional
actionAriaLabel
opsional
Jenis: string optional
Label ARIA untuk kontrol internal. Kontrol khusus ikon harus selalu memiliki aria-label untuk menjelaskan tujuan dan perilakunya. Kontrol yang dirender di sudut tidak menampilkan label, sehingga sebaiknya gunakan aria-label, bukan label untuk kontrol sudut.
href
opsional
Jenis: string optional
label
opsional
Jenis: string optional
Label yang akan ditampilkan dalam kontrol. Untuk link dengan jenis tindakan yang telah ditentukan, atribut ini akan diabaikan. Link dan tombol yang dirender di slot sudut tindakan tidak menampilkan label. Sebaiknya gunakan atribut action-aria-label untuk kontrol sudut.
target
opsional
Jenis: string optional

Konstanta ActionLinkType

google.maps.places.ActionLinkType
library "places"

Tindakan yang diambil oleh PlaceLinkElement saat diklik. Menentukan ikon, label, dan tujuan href.

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis ActionLinkTypeString.

const {ActionLinkType} = await google.maps.importLibrary("places");
CALL Memicu link tel: untuk menelepon tempat tersebut. Perilaku bergantung pada sistem operasi.
CUSTOM Gunakan jenis tindakan ini untuk link kustom. Saat menggunakan jenis tindakan ini, atribut href harus ditetapkan di PlaceLinkElement.
OPEN_DIRECTIONS Membuka rute ke tempat di lokasi yang ditentukan oleh PlaceLinkElement.target.
OPEN_MAP Membuka peta di lokasi yang ditentukan oleh PlaceLinkElement.target.
OPEN_WEBSITE Membuka situs tempat di lokasi yang ditentukan oleh PlaceLinkElement.target.

Konstanta ActionButtonPosition

google.maps.places.ActionButtonPosition
library "places"

Posisi slot kontrol di widget Place Details.

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis ActionButtonPositionString.

const {ActionButtonPosition} = await google.maps.importLibrary("places");
ACTION_CORNER Kontrol dirender di sudut widget. Kontrol sudut hanya merender ikon.
ACTION_MAIN Kontrol dirender di area konten utama widget. Label dan ikon dirender.

Class PlaceActionEvent

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

Peristiwa diaktifkan saat tombol tindakan diklik.

const {PlaceActionEvent} = await google.maps.importLibrary("places");
place
readonly
Jenis: Place
Tempat yang diklik.

Class PlaceNameElement

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

Menampilkan nama tempat dalam elemen detail tempat.

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

Antarmuka PlaceNameElementOptions

antarmuka google.maps.places.PlaceNameElementOptions
diimplementasikan oleh PlaceNameElement

Opsi untuk PlaceNameElement.