คลาส PlaceContentConfigElement
ชั้นเรียน
google.maps.places.PlaceContentConfigElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงชุดเนื้อหาที่กำหนดเอง เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยเพื่อใช้งาน
สำหรับ PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement ให้เพิ่มองค์ประกอบต่อไปนี้ต่อท้าย PlaceContentConfigElement เพื่อแสดงเนื้อหาที่เกี่ยวข้อง
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement
สำหรับ PlaceDetailsElement โดยเฉพาะ คุณยังสามารถเพิ่มองค์ประกอบต่อไปนี้ได้ด้วย
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement
ลำดับขององค์ประกอบย่อยไม่มีความสำคัญ องค์ประกอบจะแสดงผลเนื้อหาตามลำดับมาตรฐานซึ่งปรับแต่งไม่ได้ ตัวอย่าง
<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>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceContentConfigElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceContentConfigElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceContentConfigElementOptions
google.maps.places.PlaceContentConfigElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceContentConfigElement
คลาส PlaceAllContentElement
ชั้นเรียน
google.maps.places.PlaceAllContentElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงเนื้อหาทั้งหมดที่มี เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยเพื่อใช้งาน เช่น
<gmp-place-details>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>
องค์ประกอบที่กำหนดเอง:
<gmp-place-all-content></gmp-place-all-content>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceAllContentElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceAllContentElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceAllContentElement |
PlaceAllContentElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceAllContentElementOptions
google.maps.places.PlaceAllContentElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceAllContentElement
คลาส PlaceStandardContentElement
ชั้นเรียน
google.maps.places.PlaceStandardContentElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงชุดเนื้อหามาตรฐาน เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยเพื่อใช้งาน
สำหรับ PlaceDetailsElement เนื้อหามาตรฐานประกอบด้วยสิ่งต่อไปนี้
- สื่อ
- ที่อยู่
- คะแนน
- ประเภท
- ราคา
- ไอคอนทางเข้าที่รองรับเก้าอี้รถเข็น
- เว็บไซต์
- หมายเลขโทรศัพท์
- เวลาทำการ
- สรุป
- ไฮไลต์เฉพาะประเภท
- รีวิว
- รายการฟีเจอร์
สำหรับ
PlaceDetailsCompactElement เนื้อหามาตรฐานประกอบด้วย - สื่อ
- คะแนน
- ประเภท
- ราคา
- ไอคอนทางเข้าที่รองรับเก้าอี้รถเข็น
- สถานะเปิดอยู่
สำหรับ
PlaceSearchElement เนื้อหามาตรฐานประกอบด้วย - สื่อ
- คะแนน
- ประเภท
- ราคา
- ไอคอนทางเข้าที่รองรับเก้าอี้รถเข็น
ตัวอย่างเช่น
<gmp-place-details>
<gmp-place-standard-content></gmp-place-standard-content>
</gmp-place-details>
องค์ประกอบที่กำหนดเอง:
<gmp-place-standard-content></gmp-place-standard-content>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceStandardContentElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceStandardContentElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceStandardContentElementOptions
google.maps.places.PlaceStandardContentElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceStandardContentElement
คลาส PlaceMediaElement
ชั้นเรียน
google.maps.places.PlaceMediaElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงสื่อของสถานที่ เช่น รูปภาพ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-media lightbox-preferred preferred-size="small"></gmp-place-media>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceMediaElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceMediaElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceMediaElement |
PlaceMediaElement([options])พารามิเตอร์
|
พร็อพเพอร์ตี้ | |
|---|---|
lightboxPreferred |
ประเภท:
boolean optionalค่าเริ่มต้น:
falseเปิดหรือปิดใช้ไลท์บ็อกซ์สื่อ ในกรณีที่รองรับทั้ง 2 ตัวเลือก
แอตทริบิวต์ HTML:
|
preferredSize |
ประเภท:
MediaSize optionalค่าเริ่มต้น:
nullขนาดสื่อที่ต้องการในกรณีที่รองรับหลายขนาด เช่น
PlaceSearchElement แนวตั้ง หมวดหมู่ PlaceSearchElement จะใช้ MediaSize.SMALL โดยค่าเริ่มต้นหากไม่ได้ระบุไว้แอตทริบิวต์ HTML:
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceMediaElementOptions
google.maps.places.PlaceMediaElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceMediaElement
พร็อพเพอร์ตี้ | |
|---|---|
lightboxPreferred optional |
ประเภท:
boolean optional |
preferredSize optional |
ประเภท:
MediaSize optional |
MediaSize ค่าคงที่
google.maps.places.MediaSize
ค่าคงที่
ขนาดสื่อที่ต้องการในกรณีที่รองรับหลายขนาด เช่น PlaceSearchElement แนวตั้ง
เข้าถึงโดยโทรไปที่ const {MediaSize} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ค่าคงที่ | |
|---|---|
LARGE |
สื่อมีขนาดใหญ่ |
MEDIUM |
ขนาดสื่อปานกลาง |
SMALL |
สื่อขนาดเล็ก |
คลาส PlaceAddressElement
ชั้นเรียน
google.maps.places.PlaceAddressElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงที่อยู่ของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-address></gmp-place-address>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-address></gmp-place-address>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceAddressElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceAddressElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceAddressElement |
PlaceAddressElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceAddressElementOptions
google.maps.places.PlaceAddressElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceAddressElement
คลาส PlaceRatingElement
ชั้นเรียน
google.maps.places.PlaceRatingElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงคะแนนของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-rating></gmp-place-rating>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-rating></gmp-place-rating>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceRatingElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceRatingElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceRatingElement |
PlaceRatingElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceRatingElementOptions
google.maps.places.PlaceRatingElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceRatingElement
คลาส PlaceTypeElement
ชั้นเรียน
google.maps.places.PlaceTypeElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงประเภทของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-type></gmp-place-type>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-type></gmp-place-type>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceTypeElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceTypeElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceTypeElement |
PlaceTypeElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceTypeElementOptions
google.maps.places.PlaceTypeElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceTypeElement
คลาส PlacePriceElement
ชั้นเรียน
google.maps.places.PlacePriceElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงระดับราคาหรือช่วงราคาของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-price></gmp-place-price>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-price></gmp-place-price>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlacePriceElementOptions
เข้าถึงโดยโทรไปที่ const {PlacePriceElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlacePriceElement |
PlacePriceElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlacePriceElementOptions
google.maps.places.PlacePriceElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlacePriceElement
คลาส PlaceAccessibleEntranceIconElement
ชั้นเรียน
google.maps.places.PlaceAccessibleEntranceIconElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement ให้แสดงไอคอนเก้าอี้รถเข็นหากสถานที่นั้นมีทางเข้าที่รองรับเก้าอี้รถเข็น เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<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>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceAccessibleEntranceIconElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceAccessibleEntranceIconElementOptions
google.maps.places.PlaceAccessibleEntranceIconElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceAccessibleEntranceIconElement
คลาส PlaceOpenNowStatusElement
ชั้นเรียน
google.maps.places.PlaceOpenNowStatusElement
กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงสถานะเปิดหรือปิดปัจจุบันของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<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>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceOpenNowStatusElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options])พารามิเตอร์
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceOpenNowStatusElementOptions
google.maps.places.PlaceOpenNowStatusElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceOpenNowStatusElement
คลาส PlaceReviewSummaryElement
ชั้นเรียน
google.maps.places.PlaceReviewSummaryElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงสรุปรีวิวของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-review-summary></gmp-place-review-summary>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-review-summary></gmp-place-review-summary>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceReviewSummaryElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceReviewSummaryElementOptions
google.maps.places.PlaceReviewSummaryElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceReviewSummaryElement
คลาส PlaceReviewsElement
ชั้นเรียน
google.maps.places.PlaceReviewsElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงรีวิวของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-reviews></gmp-place-reviews>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-reviews></gmp-place-reviews>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceReviewsElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceReviewsElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceReviewsElementOptions
google.maps.places.PlaceReviewsElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceReviewsElement
คลาส PlaceSummaryElement
ชั้นเรียน
google.maps.places.PlaceSummaryElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงข้อมูลสรุปของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-summary></gmp-place-summary>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-summary></gmp-place-summary>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceSummaryElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceSummaryElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceSummaryElementOptions
google.maps.places.PlaceSummaryElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceSummaryElement
คลาส PlaceFeatureListElement
ชั้นเรียน
google.maps.places.PlaceFeatureListElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงรายการฟีเจอร์ของสถานที่ในแท็บ "เกี่ยวกับ" รายการฟีเจอร์อาจรวมถึงตัวเลือกการช่วยเหลือพิเศษ สิ่งอำนวยความสะดวก วิธีการชำระเงินที่ยอมรับ และอื่นๆ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-feature-list></gmp-place-feature-list>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-feature-list></gmp-place-feature-list>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceFeatureListElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceFeatureListElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceFeatureListElementOptions
google.maps.places.PlaceFeatureListElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceFeatureListElement
คลาส PlaceOpeningHoursElement
ชั้นเรียน
google.maps.places.PlaceOpeningHoursElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงเวลาทำการของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-opening-hours></gmp-place-opening-hours>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-opening-hours></gmp-place-opening-hours>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceOpeningHoursElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceOpeningHoursElementOptions
google.maps.places.PlaceOpeningHoursElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceOpeningHoursElement
คลาส PlacePhoneNumberElement
ชั้นเรียน
google.maps.places.PlacePhoneNumberElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงหมายเลขโทรศัพท์ของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-phone-number></gmp-place-phone-number>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-phone-number></gmp-place-phone-number>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlacePhoneNumberElementOptions
เข้าถึงโดยโทรไปที่ const {PlacePhoneNumberElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlacePhoneNumberElementOptions
google.maps.places.PlacePhoneNumberElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlacePhoneNumberElement
คลาส PlacePlusCodeElement
ชั้นเรียน
google.maps.places.PlacePlusCodeElement
กำหนดค่า PlaceDetailsElement เพื่อแสดง Plus Code ของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-plus-code></gmp-place-plus-code>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-plus-code></gmp-place-plus-code>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlacePlusCodeElementOptions
เข้าถึงโดยโทรไปที่ const {PlacePlusCodeElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlacePlusCodeElementOptions
google.maps.places.PlacePlusCodeElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlacePlusCodeElement
คลาส PlaceTypeSpecificHighlightsElement
ชั้นเรียน
google.maps.places.PlaceTypeSpecificHighlightsElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงไฮไลต์เฉพาะประเภทของสถานที่ เช่น ราคาน้ำมันและความพร้อมใช้งานของที่ชาร์จ EV เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<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>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceTypeSpecificHighlightsElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceTypeSpecificHighlightsElementOptions
google.maps.places.PlaceTypeSpecificHighlightsElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceTypeSpecificHighlightsElement
คลาส PlaceWebsiteElement
ชั้นเรียน
google.maps.places.PlaceWebsiteElement
กำหนดค่า PlaceDetailsElement เพื่อแสดงเว็บไซต์ของสถานที่ เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน เช่น
<gmp-place-content-config>
<gmp-place-website></gmp-place-website>
</gmp-place-content-config>
องค์ประกอบที่กำหนดเอง:
<gmp-place-website></gmp-place-website>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceWebsiteElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceWebsiteElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceWebsiteElementOptions
google.maps.places.PlaceWebsiteElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceWebsiteElement
คลาส PlaceAttributionElement
ชั้นเรียน
google.maps.places.PlaceAttributionElement
อนุญาตให้ปรับแต่งข้อความแสดงแหล่งที่มาของ Google Maps ใน PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพิ่มองค์ประกอบนี้เป็นองค์ประกอบย่อยของ PlaceContentConfigElement เพื่อใช้งาน หากละเว้นองค์ประกอบนี้ การระบุแหล่งที่มาจะยังคงแสดงด้วยสีเริ่มต้น เช่น
<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="white" light-scheme-color="white"></gmp-place-attribution>
คลาสนี้ขยาย
HTMLElement
คลาสนี้ใช้ PlaceAttributionElementOptions
เข้าถึงโดยโทรไปที่ const {PlaceAttributionElement} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
|---|---|
PlaceAttributionElement |
PlaceAttributionElement([options])พารามิเตอร์
|
พร็อพเพอร์ตี้ | |
|---|---|
darkSchemeColor |
ประเภท:
AttributionColor optionalค่าเริ่มต้น:
AttributionColor.WHITEสีของการระบุแหล่งที่มาของ Google Maps ในโหมดมืด
แอตทริบิวต์ HTML:
|
lightSchemeColor |
ประเภท:
AttributionColor optionalค่าเริ่มต้น:
AttributionColor.GRAYสีของการระบุแหล่งที่มาของ Google Maps ในโหมดสว่าง
แอตทริบิวต์ HTML:
|
เมธอด | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
removeEventListener |
removeEventListener(type, listener[, options])พารามิเตอร์
ค่าที่แสดงผล:
voidนำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener |
อินเทอร์เฟซ PlaceAttributionElementOptions
google.maps.places.PlaceAttributionElementOptions
อินเทอร์เฟซ
ตัวเลือกสำหรับ PlaceAttributionElement
พร็อพเพอร์ตี้ | |
|---|---|
darkSchemeColor optional |
ประเภท:
AttributionColor optional |
lightSchemeColor optional |
ประเภท:
AttributionColor optional |
AttributionColor ค่าคงที่
google.maps.places.AttributionColor
ค่าคงที่
ตัวเลือกสีสำหรับข้อความแสดงแหล่งที่มาของ Google Maps คุณสามารถปรับแต่งการระบุแหล่งที่มาให้ใช้สีใดก็ได้เหล่านี้
เข้าถึงโดยโทรไปที่ const {AttributionColor} = await google.maps.importLibrary("places")
ดูไลบรารีใน Maps JavaScript API
ค่าคงที่ | |
|---|---|
BLACK |
ข้อความแสดงแหล่งที่มาสีดำ |
GRAY |
ข้อความแสดงแหล่งที่มาสีเทา |
WHITE |
ข้อความแสดงแหล่งที่มาสีขาว |