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");
Konstruktor | |
|---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceAllContentElement |
PlaceAllContentElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceMediaElement |
PlaceMediaElement([options])Parameter:
|
Properti | |
|---|---|
lightboxPreferred
attr: lightbox-preferred |
Jenis input:
boolean optionalJenis output: booleanDefault:
falseApakah akan mengaktifkan atau menonaktifkan lightbox media, jika kedua opsi didukung.
Atribut HTML: lightbox-preferred |
preferredSize
attr: preferred-size |
Default:
nullUkuran 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" |
Metode | |
|---|---|
Diwarisi:
addEventListener,
removeEventListener
|
Antarmuka PlaceMediaElementOptions
antarmuka
google.maps.places.PlaceMediaElementOptions
diimplementasikan oleh PlaceMediaElement
Opsi untuk PlaceMediaElement.
Properti | |
|---|---|
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");
Konstanta | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceAddressElement |
PlaceAddressElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceRatingElement |
PlaceRatingElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceTypeElement |
PlaceTypeElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlacePriceElement |
PlacePriceElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options])Parameter:
|
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options])Parameter:
|
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Metode | |
|---|---|
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");
Konstruktor | |
|---|---|
PlaceAttributionElement |
PlaceAttributionElement([options])Parameter:
|
Properti | |
|---|---|
darkSchemeColor
attr: dark-scheme-color |
Default:
AttributionColor.WHITEWarna atribusi Google Maps dalam mode gelap.
Atribut HTML: dark-scheme-color="value-name" |
lightSchemeColor
attr: light-scheme-color |
Default:
AttributionColor.GRAYWarna atribusi Google Maps dalam mode terang.
Atribut HTML: light-scheme-color="value-name" |
Metode | |
|---|---|
Diwarisi:
addEventListener,
removeEventListener
|
Antarmuka PlaceAttributionElementOptions
antarmuka
google.maps.places.PlaceAttributionElementOptions
diimplementasikan oleh PlaceAttributionElement
Opsi untuk PlaceAttributionElement.
Properti | |
|---|---|
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");
Konstanta | |
|---|---|
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");
Properti | |
|---|---|
actionAriaLabel
attr: action-aria-label |
Jenis:
string optionalDefault:
undefinedLabel 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 optionalDefault:
undefinedLabel 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" |
Slot | |
|---|---|
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. |
Suku cadang | |
|---|---|
button |
Bagian CSS yang menargetkan elemen kontrol dalam. |
Metode | |
|---|---|
Diwarisi:
addEventListener,
removeEventListener
|
Acara | |
|---|---|
gmp-click |
function(event)Argumen:
Diaktifkan saat kontrol diklik. |
Antarmuka PlaceButtonElementOptions
antarmuka
google.maps.places.PlaceButtonElementOptions
diimplementasikan oleh PlaceButtonElement
Opsi untuk PlaceButtonElement.
Properti | |
|---|---|
actionAriaLabel
opsional |
Jenis:
string optionalLabel 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 optionalLabel 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");
Properti | |
|---|---|
action
attr: action |
Jenis:
ActionLinkType optionalJenis 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 optionalDefault:
undefinedLabel 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 optionalDefault:
undefinedURL 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 optionalDefault:
undefinedLabel 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 optionalDefault:
undefinedMenentukan tempat link dibuka. Lihat https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target.
Atribut HTML: target="string" |
Slot | |
|---|---|
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. |
Suku cadang | |
|---|---|
button |
Bagian CSS yang menargetkan elemen kontrol dalam. |
Metode | |
|---|---|
Diwarisi:
addEventListener,
removeEventListener
|
Acara | |
|---|---|
gmp-click |
function(event)Argumen:
Diaktifkan saat kontrol diklik. |
Antarmuka PlaceLinkElementOptions
antarmuka
google.maps.places.PlaceLinkElementOptions
diimplementasikan oleh PlaceLinkElement
Opsi untuk PlaceLinkElement.
Properti | |
|---|---|
action
opsional |
Jenis:
ActionLinkType optionalLihat PlaceLinkElement.action. |
actionAriaLabel
opsional |
Jenis:
string optionalLabel 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 optionalLihat PlaceLinkElement.href. |
label
opsional |
Jenis:
string optionalLabel 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 optionalLihat PlaceLinkElement.target. |
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");
Konstanta | |
|---|---|
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");
Konstanta | |
|---|---|
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");
Properti | |
|---|---|
place
readonly |
Jenis:
PlaceTempat 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");
Metode | |
|---|---|
Diwarisi:
addEventListener,
removeEventListener
|
Antarmuka PlaceNameElementOptions
antarmuka
google.maps.places.PlaceNameElementOptions
diimplementasikan oleh PlaceNameElement
Opsi untuk PlaceNameElement.