Place Widget Content Customization

Lớp PlaceContentConfigElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị một nhóm nội dung tuỳ chỉnh. Hãy thêm phần tử này làm phần tử con để sử dụng.

Đối với PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement, hãy thêm bất kỳ phần tử nào sau đây vào PlaceContentConfigElement để hiển thị nội dung tương ứng:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

Riêng đối với PlaceDetailsElement, bạn cũng có thể thêm bất kỳ phần tử nào sau đây:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

Thứ tự của các phần tử con không quan trọng; phần tử này hiển thị nội dung theo thứ tự chuẩn và không thể tuỳ chỉnh. Ví dụ: 

 <gmp-place-details>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
     <gmp-place-address></gmp-place-address>
   </gmp-place-content-config>
 </gmp-place-details> 

<gmp-place-content-config></gmp-place-content-config>
 
const {PlaceContentConfigElement} = await google.maps.importLibrary("places");
PlaceContentConfigElement
PlaceContentConfigElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceContentConfigElementOptions

giao diện google.maps.places.PlaceContentConfigElementOptions
được triển khai bởi PlaceContentConfigElement

Các lựa chọn cho PlaceContentConfigElement.

Lớp PlaceAllContentElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị tất cả nội dung có sẵn. Hãy thêm phần tử này làm phần tử con để sử dụng. Ví dụ: 

 <gmp-place-details>
   <gmp-place-all-content></gmp-place-all-content>
 </gmp-place-details>
 

<gmp-place-all-content></gmp-place-all-content>
 
const {PlaceAllContentElement} = await google.maps.importLibrary("places");
PlaceAllContentElement
PlaceAllContentElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceAllContentElementOptions

giao diện google.maps.places.PlaceAllContentElementOptions
được triển khai bởi PlaceAllContentElement

Các lựa chọn cho PlaceAllContentElement.

Lớp PlaceStandardContentElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị một nhóm nội dung chuẩn. Hãy thêm phần tử này làm phần tử con để sử dụng.
Đối với PlaceDetailsElement, nội dung chuẩn bao gồm:

  • truyền-thông
  • xử lý
  • rating
  • loại
  • price
  • biểu tượng lối vào cho xe lăn
  • trang web
  • số điện thoại
  • giờ mở cửa
  • Gemini và Gemini Advanced
  • điểm nổi bật cụ thể theo loại
  • bài đánh giá
  • danh sách tính năng

Đối với PlaceDetailsCompactElement, nội dung tiêu chuẩn bao gồm:
  • truyền-thông
  • rating
  • loại
  • price
  • biểu tượng lối vào cho xe lăn
  • trạng thái đang mở cửa

Đối với PlaceSearchElement, nội dung tiêu chuẩn bao gồm:
  • truyền-thông
  • rating
  • loại
  • price
  • biểu tượng lối vào cho xe lăn

Ví dụ: 
 <gmp-place-details>
   <gmp-place-standard-content></gmp-place-standard-content>
 </gmp-place-details>
 

<gmp-place-standard-content></gmp-place-standard-content>
 
const {PlaceStandardContentElement} = await google.maps.importLibrary("places");
PlaceStandardContentElement
PlaceStandardContentElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceStandardContentElementOptions

giao diện google.maps.places.PlaceStandardContentElementOptions
được triển khai bởi PlaceStandardContentElement

Các lựa chọn cho PlaceStandardContentElement.

Lớp PlaceMediaElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị nội dung nghe nhìn của một địa điểm, chẳng hạn như ảnh. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-media lightbox-preferred></gmp-place-media>
 </gmp-place-content-config>
 

<gmp-place-media
  lightbox-preferred
  preferred-size="value-name">
</gmp-place-media>
 
const {PlaceMediaElement} = await google.maps.importLibrary("places");
PlaceMediaElement
PlaceMediaElement([options])
Tham số:
lightboxPreferred
attr: lightbox-preferred
Loại dữ liệu đầu vào: boolean optional
Loại dữ liệu đầu ra: boolean
Mặc định: false
Bật hoặc tắt hộp đèn nội dung nghe nhìn, trong trường hợp cả hai lựa chọn đều được hỗ trợ.
Thuộc tính HTML: lightbox-preferred
preferredSize
attr: preferred-size
Loại dữ liệu đầu vào: MediaSize optional
Loại dữ liệu đầu ra: MediaSize optional
Mặc định: null
Kích thước nội dung nghe nhìn ưu tiên trong trường hợp hỗ trợ nhiều kích thước, chẳng hạn như PlaceSearchElement dọc. Ngành dọc PlaceSearchElement sẽ sử dụng MediaSize.SMALL theo mặc định nếu bạn không chỉ định giá trị này.
Thuộc tính HTML: preferred-size="value-name"
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceMediaElementOptions

giao diện google.maps.places.PlaceMediaElementOptions
được triển khai bởi PlaceMediaElement

Các lựa chọn cho PlaceMediaElement.
lightboxPreferred
không bắt buộc
Loại: boolean optional
Vui lòng xem PlaceMediaElement.lightboxPreferred.
preferredSize
không bắt buộc
Loại: MediaSize optional
Vui lòng xem PlaceMediaElement.preferredSize.

Hằng số MediaSize

hằng số google.maps.places.MediaSize
thư viện "places"

Kích thước nội dung nghe nhìn ưu tiên trong trường hợp hỗ trợ nhiều kích thước, chẳng hạn như PlaceSearchElement dọc.

Bạn cũng có thể sử dụng các hằng số này dưới dạng chuỗi. Trong TypeScript, giá trị cố định kiểu chuỗi được xác định bằng loại MediaSizeString.

const {MediaSize} = await google.maps.importLibrary("places");
LARGE Kích thước nội dung nghe nhìn lớn.
MEDIUM Kích thước nội dung nghe nhìn trung bình.
SMALL Kích thước nội dung nghe nhìn nhỏ.

Lớp PlaceAddressElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị địa chỉ của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-address></gmp-place-address>
 </gmp-place-content-config>
 

<gmp-place-address></gmp-place-address>
 
const {PlaceAddressElement} = await google.maps.importLibrary("places");
PlaceAddressElement
PlaceAddressElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceAddressElementOptions

giao diện google.maps.places.PlaceAddressElementOptions
được triển khai bởi PlaceAddressElement

Các lựa chọn cho PlaceAddressElement.

Lớp PlaceRatingElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị điểm xếp hạng của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-rating></gmp-place-rating>
 </gmp-place-content-config>
 

<gmp-place-rating></gmp-place-rating>
 
const {PlaceRatingElement} = await google.maps.importLibrary("places");
PlaceRatingElement
PlaceRatingElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceRatingElementOptions

giao diện google.maps.places.PlaceRatingElementOptions
được triển khai bởi PlaceRatingElement

Các lựa chọn cho PlaceRatingElement.

Lớp PlaceTypeElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị loại địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-type></gmp-place-type>
 </gmp-place-content-config>
 

<gmp-place-type></gmp-place-type>
 
const {PlaceTypeElement} = await google.maps.importLibrary("places");
PlaceTypeElement
PlaceTypeElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

PlaceTypeElementOptions giao diện

giao diện google.maps.places.PlaceTypeElementOptions
được triển khai bởi PlaceTypeElement

Các lựa chọn cho PlaceTypeElement.

Lớp PlacePriceElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị mức giá hoặc khoảng giá của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-price></gmp-place-price>
 </gmp-place-content-config>
 

<gmp-place-price></gmp-place-price>
 
const {PlacePriceElement} = await google.maps.importLibrary("places");
PlacePriceElement
PlacePriceElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

Giao diện PlacePriceElementOptions

giao diện google.maps.places.PlacePriceElementOptions
được triển khai bởi PlacePriceElement

Các lựa chọn cho PlacePriceElement.

Lớp PlaceAccessibleEntranceIconElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để hiển thị biểu tượng xe lăn nếu địa điểm đó có lối vào phù hợp cho xe lăn. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
 </gmp-place-content-config>
 

<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
 
const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places");
PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceAccessibleEntranceIconElementOptions

giao diện google.maps.places.PlaceAccessibleEntranceIconElementOptions
được triển khai bởi PlaceAccessibleEntranceIconElement

Các lựa chọn cho PlaceAccessibleEntranceIconElement.

Lớp PlaceOpenNowStatusElement

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

Định cấu hình PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement để cho biết trạng thái hiện tại (đang mở cửa hoặc đóng cửa) của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-open-now-status></gmp-place-open-now-status>
 </gmp-place-content-config>
 

<gmp-place-open-now-status></gmp-place-open-now-status>
 
const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places");
PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Tham số:
Được kế thừa: addEventListener, removeEventListener

PlaceOpenNowStatusElementOptions giao diện

giao diện google.maps.places.PlaceOpenNowStatusElementOptions
được triển khai bởi PlaceOpenNowStatusElement

Các lựa chọn cho PlaceOpenNowStatusElement.

Lớp PlaceReviewSummaryElement

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

Định cấu hình PlaceDetailsElement để hiển thị thông tin tóm tắt bài đánh giá về một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-review-summary></gmp-place-review-summary>
 </gmp-place-content-config>
 

<gmp-place-review-summary></gmp-place-review-summary>
 
const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceReviewSummaryElementOptions

giao diện google.maps.places.PlaceReviewSummaryElementOptions
được triển khai bởi PlaceReviewSummaryElement

Các lựa chọn cho PlaceReviewSummaryElement.

Lớp PlaceReviewsElement

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

Định cấu hình PlaceDetailsElement để hiển thị bài đánh giá về một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-reviews></gmp-place-reviews>
 </gmp-place-content-config>
 

<gmp-place-reviews></gmp-place-reviews>
 
const {PlaceReviewsElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

PlaceReviewsElementOptions

giao diện google.maps.places.PlaceReviewsElementOptions
được triển khai bởi PlaceReviewsElement

Các lựa chọn cho PlaceReviewsElement.

Lớp PlaceSummaryElement

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

Định cấu hình PlaceDetailsElement để hiển thị thông tin tóm tắt về một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-summary></gmp-place-summary>
 </gmp-place-content-config>
 

<gmp-place-summary></gmp-place-summary>
 
const {PlaceSummaryElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceSummaryElementOptions

giao diện google.maps.places.PlaceSummaryElementOptions
được triển khai bởi PlaceSummaryElement

Các lựa chọn cho PlaceSummaryElement.

Lớp PlaceFeatureListElement

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

Thiết lập PlaceDetailsElement để hiển thị danh sách đặc điểm của một địa điểm trong thẻ "Giới thiệu". Danh sách tính năng có thể bao gồm các lựa chọn hỗ trợ tiếp cận, tiện nghi, phương thức thanh toán được chấp nhận và nhiều thông tin khác. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-feature-list></gmp-place-feature-list>
 </gmp-place-content-config>
 

<gmp-place-feature-list></gmp-place-feature-list>
 
const {PlaceFeatureListElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceFeatureListElementOptions

giao diện google.maps.places.PlaceFeatureListElementOptions
được triển khai bởi PlaceFeatureListElement

Các lựa chọn cho PlaceFeatureListElement.

Lớp PlaceOpeningHoursElement

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

Thiết lập PlaceDetailsElement để hiển thị giờ mở cửa của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-opening-hours></gmp-place-opening-hours>
 </gmp-place-content-config>
 

<gmp-place-opening-hours></gmp-place-opening-hours>
 
const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

PlaceOpeningHoursElementOptions

giao diện google.maps.places.PlaceOpeningHoursElementOptions
được triển khai bởi PlaceOpeningHoursElement

Các lựa chọn cho PlaceOpeningHoursElement.

Lớp PlacePhoneNumberElement

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

Định cấu hình PlaceDetailsElement để hiển thị số điện thoại của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-phone-number></gmp-place-phone-number>
 </gmp-place-content-config>
 

<gmp-place-phone-number></gmp-place-phone-number>
 
const {PlacePhoneNumberElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlacePhoneNumberElementOptions

giao diện google.maps.places.PlacePhoneNumberElementOptions
được triển khai bởi PlacePhoneNumberElement

Các lựa chọn cho PlacePhoneNumberElement.

Lớp PlacePlusCodeElement

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

Định cấu hình PlaceDetailsElement để hiển thị Plus Code của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-plus-code></gmp-place-plus-code>
 </gmp-place-content-config>
 

<gmp-place-plus-code></gmp-place-plus-code>
 
const {PlacePlusCodeElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlacePlusCodeElementOptions

giao diện google.maps.places.PlacePlusCodeElementOptions
được triển khai bởi PlacePlusCodeElement

Các lựa chọn cho PlacePlusCodeElement.

Lớp PlaceTypeSpecificHighlightsElement

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

Định cấu hình PlaceDetailsElement để hiển thị thông tin nổi bật theo loại địa điểm, chẳng hạn như giá xăng và tình trạng còn chỗ của bộ sạc xe điện. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
 </gmp-place-content-config>
 

<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
 
const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceTypeSpecificHighlightsElementOptions

giao diện google.maps.places.PlaceTypeSpecificHighlightsElementOptions
được triển khai bởi PlaceTypeSpecificHighlightsElement

Các lựa chọn cho PlaceTypeSpecificHighlightsElement.

Lớp PlaceWebsiteElement

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

Định cấu hình PlaceDetailsElement để hiển thị trang web của một địa điểm. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-website></gmp-place-website>
 </gmp-place-content-config>
 

<gmp-place-website></gmp-place-website>
 
const {PlaceWebsiteElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceWebsiteElementOptions

giao diện google.maps.places.PlaceWebsiteElementOptions
được triển khai bởi PlaceWebsiteElement

Các lựa chọn cho PlaceWebsiteElement.

Lớp PlaceAttributionElement

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

Cho phép tuỳ chỉnh văn bản ghi công của Google Maps trong PlaceDetailsCompactElement, PlaceDetailsElement hoặc PlaceSearchElement. Thêm phần tử này làm phần tử con của PlaceContentConfigElement để sử dụng. Nếu bạn bỏ qua phần tử này, thông tin ghi nhận tác giả vẫn sẽ xuất hiện với màu mặc định. Ví dụ: 

 <gmp-place-content-config>
   <gmp-place-attribution
      light-scheme-color="black"
      dark-scheme-color="white"
   ></gmp-place-attribution>
 </gmp-place-content-config>
 

<gmp-place-attribution
  dark-scheme-color="value-name"
  light-scheme-color="value-name">
</gmp-place-attribution>
 
const {PlaceAttributionElement} = await google.maps.importLibrary("places");
PlaceAttributionElement
PlaceAttributionElement([options])
Tham số:
darkSchemeColor
attr: dark-scheme-color
Loại dữ liệu đầu vào: AttributionColor optional
Loại dữ liệu đầu ra: AttributionColor
Mặc định: AttributionColor.WHITE
Màu của thông tin ghi nhận tác giả trên Google Maps ở chế độ tối.
Thuộc tính HTML: dark-scheme-color="value-name"
lightSchemeColor
attr: light-scheme-color
Loại dữ liệu đầu vào: AttributionColor optional
Loại dữ liệu đầu ra: AttributionColor
Mặc định: AttributionColor.GRAY
Màu của thông tin ghi nhận tác giả trên Google Maps ở chế độ sáng.
Thuộc tính HTML: light-scheme-color="value-name"
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceAttributionElementOptions

giao diện google.maps.places.PlaceAttributionElementOptions
được triển khai bởi PlaceAttributionElement

Các lựa chọn cho PlaceAttributionElement.
darkSchemeColor
không bắt buộc
Loại: AttributionColor optional
Vui lòng xem PlaceAttributionElement.darkSchemeColor.
lightSchemeColor
không bắt buộc
Loại: AttributionColor optional
Vui lòng xem PlaceAttributionElement.lightSchemeColor.

Hằng số AttributionColor

hằng số google.maps.places.AttributionColor
thư viện "places"

Các lựa chọn màu cho văn bản ghi công của Google Maps. Bạn có thể tuỳ chỉnh thông tin ghi nhận tác giả để sử dụng bất kỳ màu nào trong số này.

Bạn cũng có thể sử dụng các hằng số này dưới dạng chuỗi. Trong TypeScript, giá trị cố định kiểu chuỗi được xác định bằng loại AttributionColorString.

const {AttributionColor} = await google.maps.importLibrary("places");
BLACK Văn bản ghi công màu đen.
GRAY Văn bản ghi công màu xám.
WHITE Văn bản ghi công màu trắng.

Lớp PlaceButtonElement

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

Hiển thị một nút được đặt vào vị trí action-main hoặc vị trí action-corner. PlaceButtonElement không có hành vi mặc định. Đính kèm trình nghe sự kiện vào phần tử để xác định hành vi của phần tử đó. Theo mặc định, nút này sẽ xuất hiện trong vùng action-main.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>
 
const {PlaceButtonElement} = await google.maps.importLibrary("places");
actionAriaLabel
attr: action-aria-label
Loại: string optional
Mặc định: undefined
Nhãn ARIA cho chế độ kiểm soát nội bộ. Các thành phần điều khiển chỉ có biểu tượng phải luôn có aria-label để mô tả mục đích và hành vi của chúng. Các thành phần điều khiển được hiển thị ở góc không cho thấy nhãn, vì vậy, bạn nên sử dụng aria-label thay vì nhãn cho các thành phần điều khiển ở góc.
Thuộc tính HTML: action-aria-label="string"
label
attr: label
Loại: string optional
Mặc định: undefined
Nhãn hiển thị trong thành phần điều khiển. Đối với các đường liên kết có loại hành động được xác định trước, thuộc tính này sẽ bị bỏ qua. Đường liên kết và nút được hiển thị trong ô góc hành động không hiển thị nhãn. Bạn nên sử dụng thuộc tính action-aria-label cho các chế độ điều khiển góc.
Thuộc tính HTML: label="string"
icon-start
Một vùng cho nội dung biểu tượng bắt đầu trước nhãn. Màu này được dùng cho cả nút điều khiển hành động chính và nút điều khiển hành động ở góc. Khi một thành phần điều khiển thu gọn về trạng thái góc, nội dung trong vùng này sẽ hiển thị.
button
Một phần CSS nhắm đến phần tử điều khiển bên trong.
Được kế thừa: addEventListener, removeEventListener
gmp-click
function(event)
Đối số:
Được kích hoạt khi người dùng nhấp vào thành phần điều khiển.

Giao diện PlaceButtonElementOptions

giao diện google.maps.places.PlaceButtonElementOptions
được triển khai bởi PlaceButtonElement

Các lựa chọn cho PlaceButtonElement.
actionAriaLabel
không bắt buộc
Loại: string optional
Nhãn ARIA cho chế độ kiểm soát nội bộ. Các thành phần điều khiển chỉ có biểu tượng phải luôn có aria-label để mô tả mục đích và hành vi của chúng. Các thành phần điều khiển được hiển thị ở góc không cho thấy nhãn, vì vậy, bạn nên sử dụng aria-label thay vì nhãn cho các thành phần điều khiển ở góc.
label
không bắt buộc
Loại: string optional
Nhãn hiển thị trong thành phần điều khiển. Đối với các đường liên kết có loại hành động được xác định trước, thuộc tính này sẽ bị bỏ qua. Đường liên kết và nút được hiển thị trong ô góc hành động không hiển thị nhãn. Bạn nên sử dụng thuộc tính action-aria-label cho các chế độ điều khiển góc.

Lớp PlaceLinkElement

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

Hiển thị một đường liên kết được đưa vào vị trí action-main hoặc vị trí action-corner. Theo mặc định, đường liên kết sẽ xuất hiện ở vị trí action-main. Sử dụng thuộc tính action để chỉ định hành vi của đường liên kết. Có một số loại hành động có thể sử dụng được liệt kê trong ActionLinkType. Đối với đường liên kết tuỳ chỉnh, hãy chỉ định loại hành động custom và đặt các thuộc tính href và label.

<gmp-place-link
  action="value-name"
  action-aria-label="string"
  default-icon-hidden
  href="string"
  label="string"
  target="string">
</gmp-place-link>
 
const {PlaceLinkElement} = await google.maps.importLibrary("places");
action
attr: action
Loại: ActionLinkType optional
Loại hành động cần thực hiện khi người dùng nhấp vào đường liên kết. Xác định nhãn, biểu tượng và href đích mặc định của đường liên kết. Sử dụng loại custom và chỉ định thuộc tính href để đặt đích đến theo cách thủ công.
Thuộc tính HTML: action="value-name"
actionAriaLabel
attr: action-aria-label
Loại: string optional
Mặc định: undefined
Nhãn ARIA cho chế độ kiểm soát nội bộ. Các thành phần điều khiển chỉ có biểu tượng phải luôn có aria-label để mô tả mục đích và hành vi của chúng. Các thành phần điều khiển được hiển thị ở góc không cho thấy nhãn, vì vậy, bạn nên sử dụng aria-label thay vì nhãn cho các thành phần điều khiển ở góc.
Thuộc tính HTML: action-aria-label="string"
defaultIconHidden
attr: default-icon-hidden
Loại dữ liệu đầu vào: boolean optional
Loại dữ liệu đầu ra: boolean
Mặc định: false
Liệu biểu tượng mặc định có bị ẩn đối với tất cả các loại đường liên kết ngoại trừ đường liên kết tuỳ chỉnh hay không.
Thuộc tính HTML: default-icon-hidden
href
attr: href
Loại: string optional
Mặc định: undefined
URL sẽ mở khi người dùng nhấp vào đường liên kết. Thuộc tính này chỉ được dùng khi thuộc tính action được đặt thành custom.
Thuộc tính HTML: href="string"
label
attr: label
Loại: string optional
Mặc định: undefined
Nhãn hiển thị trong thành phần điều khiển. Đối với các đường liên kết có loại hành động được xác định trước, thuộc tính này sẽ bị bỏ qua. Đường liên kết và nút được hiển thị trong ô góc hành động không hiển thị nhãn. Bạn nên sử dụng thuộc tính action-aria-label cho các chế độ điều khiển góc.
Thuộc tính HTML: label="string"
target
attr: target
Loại: string optional
Mặc định: undefined
Xác định nơi mở đường liên kết. Xem https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target.
Thuộc tính HTML: target="string"
icon-start
Một vùng cho nội dung biểu tượng bắt đầu trước nhãn. Màu này được dùng cho cả nút điều khiển hành động chính và nút điều khiển hành động ở góc. Khi một thành phần điều khiển thu gọn về trạng thái góc, nội dung trong vùng này sẽ hiển thị.
button
Một phần CSS nhắm đến phần tử điều khiển bên trong.
Được kế thừa: addEventListener, removeEventListener
gmp-click
function(event)
Đối số:
Được kích hoạt khi người dùng nhấp vào thành phần điều khiển.

Giao diện PlaceLinkElementOptions

giao diện google.maps.places.PlaceLinkElementOptions
được triển khai bởi PlaceLinkElement

Các lựa chọn cho PlaceLinkElement.
action
không bắt buộc
Loại: ActionLinkType optional
Vui lòng xem PlaceLinkElement.action.
actionAriaLabel
không bắt buộc
Loại: string optional
Nhãn ARIA cho chế độ kiểm soát nội bộ. Các thành phần điều khiển chỉ có biểu tượng phải luôn có aria-label để mô tả mục đích và hành vi của chúng. Các thành phần điều khiển được hiển thị ở góc không cho thấy nhãn, vì vậy, bạn nên sử dụng aria-label thay vì nhãn cho các thành phần điều khiển ở góc.
href
không bắt buộc
Loại: string optional
Vui lòng xem PlaceLinkElement.href.
label
không bắt buộc
Loại: string optional
Nhãn hiển thị trong thành phần điều khiển. Đối với các đường liên kết có loại hành động được xác định trước, thuộc tính này sẽ bị bỏ qua. Đường liên kết và nút được hiển thị trong ô góc hành động không hiển thị nhãn. Bạn nên sử dụng thuộc tính action-aria-label cho các chế độ điều khiển góc.
target
không bắt buộc
Loại: string optional
Vui lòng xem PlaceLinkElement.target.

Hằng số ActionLinkType

hằng số google.maps.places.ActionLinkType
thư viện "places"

Hành động mà PlaceLinkElement thực hiện khi được nhấp vào. Xác định biểu tượng, nhãn và đích đến href.

Bạn cũng có thể sử dụng các hằng số này dưới dạng chuỗi. Trong TypeScript, giá trị cố định kiểu chuỗi được xác định bằng loại ActionLinkTypeString.

const {ActionLinkType} = await google.maps.importLibrary("places");
CALL Kích hoạt đường liên kết tel: để gọi đến địa điểm. Hành vi phụ thuộc vào hệ điều hành.
CUSTOM Sử dụng loại hành động này cho các đường liên kết tuỳ chỉnh. Khi sử dụng loại hành động này, bạn phải đặt thuộc tính href trên PlaceLinkElement.
OPEN_DIRECTIONS Mở đường đi đến địa điểm tại vị trí do PlaceLinkElement.target chỉ định.
OPEN_MAP Mở bản đồ tại vị trí do PlaceLinkElement.target chỉ định.
OPEN_WEBSITE Mở trang web của địa điểm tại vị trí do PlaceLinkElement.target chỉ định.

Hằng số ActionButtonPosition

hằng số google.maps.places.ActionButtonPosition
thư viện "places"

Vị trí được chỉ định của thành phần điều khiển trong tiện ích Place Details.

Bạn cũng có thể sử dụng các hằng số này dưới dạng chuỗi. Trong TypeScript, giá trị cố định kiểu chuỗi được xác định bằng loại ActionButtonPositionString.

const {ActionButtonPosition} = await google.maps.importLibrary("places");
ACTION_CORNER Thành phần điều khiển được hiển thị ở góc của tiện ích. Các nút điều khiển ở góc chỉ hiển thị một biểu tượng.
ACTION_MAIN Thành phần điều khiển được hiển thị trong vùng nội dung chính của tiện ích. Nhãn và biểu tượng được hiển thị.

Lớp PlaceActionEvent

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

Sự kiện được kích hoạt khi người dùng nhấp vào nút hành động.

const {PlaceActionEvent} = await google.maps.importLibrary("places");
place
readonly
Loại: Place
Địa điểm được nhấp vào.

Lớp PlaceNameElement

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

Hiển thị tên của một địa điểm trong phần tử Place Details.

<gmp-place-name></gmp-place-name>
 
const {PlaceNameElement} = await google.maps.importLibrary("places");
Được kế thừa: addEventListener, removeEventListener

Giao diện PlaceNameElementOptions

giao diện google.maps.places.PlaceNameElementOptions
được triển khai bởi PlaceNameElement

Các lựa chọn cho PlaceNameElement.