Place Widget Content Customization

คลาส 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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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:
  • <gmp-place-media lightbox-preferred></gmp-place-media>
preferredSize
ประเภท:  MediaSize optional
ค่าเริ่มต้น: null
ขนาดสื่อที่ต้องการในกรณีที่รองรับหลายขนาด เช่น PlaceSearchElement แนวตั้ง หมวดหมู่ PlaceSearchElement จะใช้ MediaSize.SMALL โดยค่าเริ่มต้นหากไม่ได้ระบุไว้
แอตทริบิวต์ HTML:
  • <gmp-place-media preferred-size="small"></gmp-place-media>
  • <gmp-place-media preferred-size="medium"></gmp-place-media>
  • <gmp-place-media preferred-size="large"></gmp-place-media>
addEventListener
addEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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:
  • <gmp-place-attribution dark-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="gray"></gmp-place-attribution>
lightSchemeColor
ประเภท:  AttributionColor optional
ค่าเริ่มต้น: AttributionColor.GRAY
สีของการระบุแหล่งที่มาของ Google Maps ในโหมดสว่าง
แอตทริบิวต์ HTML:
  • <gmp-place-attribution light-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="gray"></gmp-place-attribution>
addEventListener
addEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่แสดงผล:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  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 ข้อความแสดงแหล่งที่มาสีขาว