Place Widget Content Customization

PlaceContentConfigElement class

google.maps.places.PlaceContentConfigElement ชั้นเรียน

กำหนดค่า PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement เพื่อแสดงชุดเนื้อหาที่กำหนดเอง ผนวกองค์ประกอบนี้เป็นองค์ประกอบย่อยเพื่อใช้งาน

สำหรับ PlaceDetailsCompactElement, PlaceDetailsElement หรือ PlaceSearchElement ให้ต่อท้ายองค์ประกอบต่อไปนี้กับ PlaceContentConfigElement เพื่อแสดงเนื้อหาที่เกี่ยวข้อง
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement

สำหรับ PlaceDetailsElement โดยเฉพาะ คุณอาจต่อท้ายองค์ประกอบต่อไปนี้ด้วยก็ได้
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, 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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceContentConfigElementOptions อินเทอร์เฟซ

google.maps.places.PlaceContentConfigElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceContentConfigElement

PlaceAllContentElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceAllContentElementOptions อินเทอร์เฟซ

google.maps.places.PlaceAllContentElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceAllContentElement

PlaceStandardContentElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceStandardContentElementOptions อินเทอร์เฟซ

google.maps.places.PlaceStandardContentElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceStandardContentElement

PlaceMediaElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceMediaElementOptions interface

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 class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceAddressElementOptions อินเทอร์เฟซ

google.maps.places.PlaceAddressElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceAddressElement

PlaceRatingElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceRatingElementOptions อินเทอร์เฟซ

google.maps.places.PlaceRatingElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceRatingElement

PlaceTypeElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceTypeElementOptions อินเทอร์เฟซ

google.maps.places.PlaceTypeElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceTypeElement

PlacePriceElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlacePriceElementOptions interface

google.maps.places.PlacePriceElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlacePriceElement

PlaceAccessibleEntranceIconElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceAccessibleEntranceIconElementOptions อินเทอร์เฟซ

google.maps.places.PlaceAccessibleEntranceIconElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceAccessibleEntranceIconElement

PlaceOpenNowStatusElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceOpenNowStatusElementOptions interface

google.maps.places.PlaceOpenNowStatusElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceOpenNowStatusElement

PlaceReviewsElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceReviewsElementOptions อินเทอร์เฟซ

google.maps.places.PlaceReviewsElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceReviewsElement

PlaceSummaryElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceSummaryElementOptions อินเทอร์เฟซ

google.maps.places.PlaceSummaryElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceSummaryElement

PlaceFeatureListElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceFeatureListElementOptions อินเทอร์เฟซ

google.maps.places.PlaceFeatureListElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceFeatureListElement

PlaceOpeningHoursElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceOpeningHoursElementOptions อินเทอร์เฟซ

google.maps.places.PlaceOpeningHoursElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceOpeningHoursElement

PlacePhoneNumberElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlacePhoneNumberElementOptions อินเทอร์เฟซ

google.maps.places.PlacePhoneNumberElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlacePhoneNumberElement

PlacePlusCodeElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlacePlusCodeElementOptions อินเทอร์เฟซ

google.maps.places.PlacePlusCodeElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlacePlusCodeElement

PlaceTypeSpecificHighlightsElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceTypeSpecificHighlightsElementOptions interface

google.maps.places.PlaceTypeSpecificHighlightsElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceTypeSpecificHighlightsElement

PlaceWebsiteElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่ส่งคืน:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

PlaceWebsiteElementOptions อินเทอร์เฟซ

google.maps.places.PlaceWebsiteElementOptions อินเทอร์เฟซ

ตัวเลือกสำหรับ PlaceWebsiteElement

PlaceAttributionElement class

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])
พารามิเตอร์: 
  • typestring สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
  • listenerEventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
  • optionsboolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
ค่าที่ส่งคืน:  void
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • typestring สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
  • listenerEventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • optionsboolean|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 ข้อความแสดงแหล่งที่มาสีขาว