Giới thiệu về Places UI Kit: Một thư viện thành phần có chi phí thấp và sẵn sàng sử dụng, cho phép bạn đưa giao diện người dùng quen thuộc của Google Maps cho Địa điểm vào bất kỳ bản đồ nào mà bạn chọn. Hãy dùng thử và chia sẻ ý kiến của bạn để góp phần định hình tương lai của GMP!

Trang này được dịch bởi Cloud Translation API.

Controls

Giao diện CameraControlOptions

google.maps.CameraControlOptionsgiao diện

Các lựa chọn hiển thị cho chế độ điều khiển Camera.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_START_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ.

Giao diện FullscreenControlOptions

google.maps.FullscreenControlOptionsgiao diện

Các lựa chọn để hiển thị chế độ điều khiển ở chế độ toàn màn hình.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_START` Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ.

Giao diện MapTypeControlOptions

google.maps.MapTypeControlOptionsgiao diện

Các lựa chọn để hiển thị chế độ điều khiển loại bản đồ.

Thuộc tính
`mapTypeIds optional`	Loại: `Array<MapTypeId\|string> optional` Mã nhận dạng của các loại bản đồ sẽ xuất hiện trong chế độ kiểm soát.
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.BLOCK_START_INLINE_START` Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ.
`style optional`	Loại: `MapTypeControlStyle optional` Mã kiểu. Dùng để chọn kiểu điều khiển loại bản đồ cần hiển thị.

Hằng số MapTypeControlStyle

Hằng số google.maps.MapTypeControlStyle

Giá trị nhận dạng cho MapTypesControls phổ biến.

Truy cập bằng cách gọi const {MapTypeControlStyle} = await google.maps.importLibrary("maps").
Xem Thư viện trong Maps JavaScript API.

Hằng số
`DEFAULT`	Sử dụng chế độ điều khiển loại bản đồ mặc định. Khi chế độ điều khiển `DEFAULT` xuất hiện, chế độ này sẽ thay đổi tuỳ theo kích thước cửa sổ và các yếu tố khác. Chế độ kiểm soát `DEFAULT` có thể thay đổi trong các phiên bản API sau này.
`DROPDOWN_MENU`	Trình đơn thả xuống cho những người quan tâm đến không gian màn hình.
`HORIZONTAL_BAR`	Thanh nút chọn ngang tiêu chuẩn.

Giao diện MotionTrackingControlOptions

google.maps.MotionTrackingControlOptionsgiao diện

Các lựa chọn để kết xuất chế độ kiểm soát tính năng theo dõi chuyển động.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Thuộc tính này dùng để chỉ định vị trí của chế độ điều khiển này trên ảnh toàn cảnh.

Giao diện PanControlOptions

google.maps.PanControlOptionsgiao diện

Các lựa chọn để kết xuất chế độ điều khiển xoay.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ.

Giao diện RotateControlOptions

google.maps.RotateControlOptionsgiao diện

Các lựa chọn để kết xuất chế độ xoay.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ.

Giao diện ScaleControlOptions

google.maps.ScaleControlOptionsgiao diện

Các lựa chọn để hiển thị chế độ kiểm soát tỷ lệ.

Thuộc tính
`style optional`	Loại: `ScaleControlStyle optional` Mã kiểu. Dùng để chọn kiểu điều khiển tỷ lệ cần hiển thị.

Hằng số ScaleControlStyle

Hằng số google.maps.ScaleControlStyle

Giá trị nhận dạng cho mã điều khiển tỷ lệ.

Hằng số
`DEFAULT`	Thanh điều khiển tỷ lệ tiêu chuẩn.

Giao diện StreetViewControlOptions

google.maps.StreetViewControlOptionsgiao diện

Các lựa chọn để kết xuất chế độ điều khiển người hình mắc áo của Chế độ xem phố trên bản đồ.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ. Vị trí mặc định được nhúng trong các chế độ điều khiển điều hướng (thu phóng và xoay). Nếu vị trí này trống hoặc giống với vị trí được chỉ định trong `zoomControlOptions` hoặc `panControlOptions`, thì chế độ điều khiển Chế độ xem đường phố sẽ xuất hiện trong phần điều khiển điều hướng. Nếu không, thông tin này sẽ xuất hiện riêng.
`sources optional`	Loại: `Iterable<StreetViewSource> optional` Mặc định: [`StreetViewSource.DEFAULT`] Chỉ định nguồn của ảnh toàn cảnh để tìm kiếm. Ví dụ: điều này cho phép bạn hạn chế tìm kiếm chỉ những ảnh toàn cảnh chính thức của Google. Việc thiết lập nhiều nguồn sẽ được đánh giá là giao điểm của các nguồn đó. Lưu ý: nguồn `StreetViewSource.OUTDOOR` hiện không được hỗ trợ.

Thuộc tính

position optional

Loại: ControlPosition optional

Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ. Vị trí mặc định được nhúng trong các chế độ điều khiển điều hướng (thu phóng và xoay). Nếu vị trí này trống hoặc giống với vị trí được chỉ định trong zoomControlOptions hoặc panControlOptions, thì chế độ điều khiển Chế độ xem đường phố sẽ xuất hiện trong phần điều khiển điều hướng. Nếu không, thông tin này sẽ xuất hiện riêng.

sources optional

Loại: Iterable<StreetViewSource> optional

Mặc định: [StreetViewSource.DEFAULT]

Chỉ định nguồn của ảnh toàn cảnh để tìm kiếm. Ví dụ: điều này cho phép bạn hạn chế tìm kiếm chỉ những ảnh toàn cảnh chính thức của Google. Việc thiết lập nhiều nguồn sẽ được đánh giá là giao điểm của các nguồn đó. Lưu ý: nguồn StreetViewSource.OUTDOOR hiện không được hỗ trợ.

Giao diện ZoomControlOptions

google.maps.ZoomControlOptionsgiao diện

Các lựa chọn để hiển thị chế độ thu phóng.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của chế độ điều khiển trên bản đồ.

Hằng số ControlPosition

Hằng số google.maps.ControlPosition

Mã nhận dạng dùng để chỉ định vị trí của các chế độ điều khiển trên bản đồ. Các nút điều khiển được đặt tương ứng với các nút điều khiển khác ở cùng vị trí bố cục. Các chế độ kiểm soát được thêm trước sẽ nằm gần mép bản đồ hơn. Bạn nên sử dụng "các giá trị logic" (xem https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values) để có thể tự động hỗ trợ cả ngữ cảnh bố cục từ trái sang phải (LTR) và từ phải sang trái (RTL).

Giá trị logic trong LTR:

+----------------+ 
| BSIS BSIC BSIE | 
| ISBS      IEBS | 
|                | 
| ISBC      IEBC | 
|                | 
| ISBE      IEBE | 
| BEIS BEIC BEIE | 
+----------------+

Giá trị logic trong RTL:

+----------------+ 
| BSIE BSIC BSIS | 
| IEBS      ISBS | 
|                | 
| IEBC      ISBC | 
|                | 
| IEBE      ISBE | 
| BEIE BEIC BEIS | 
+----------------+

Giá trị cũ:

+----------------+ 
| TL    TC    TR | 
| LT          RT | 
|                | 
| LC          RC | 
|                | 
| LB          RB | 
| BL    BC    BR | 
+----------------+

Các phần tử ở hàng trên cùng hoặc hàng dưới cùng sẽ di chuyển về giữa hàng. Các phần tử trong cột bên trái hoặc bên phải sẽ di chuyển về giữa cột.

Truy cập bằng cách gọi const {ControlPosition} = await google.maps.importLibrary("core").
Xem Thư viện trong Maps JavaScript API.

Hằng số
`BLOCK_END_INLINE_CENTER`	Tương đương với BOTTOM_CENTER trong cả LTR và RTL.
`BLOCK_END_INLINE_END`	Tương đương với BOTTOM_RIGHT trong LTR hoặc BOTTOM_LEFT trong RTL.
`BLOCK_END_INLINE_START`	Tương đương với BOTTOM_LEFT trong LTR hoặc BOTTOM_RIGHT trong RTL.
`BLOCK_START_INLINE_CENTER`	Tương đương với TOP_CENTER trong cả LTR và RTL.
`BLOCK_START_INLINE_END`	Tương đương với TOP_RIGHT trong LTR hoặc TOP_LEFT trong RTL.
`BLOCK_START_INLINE_START`	Tương đương với TOP_LEFT trong LTR hoặc TOP_RIGHT trong RTL.
`BOTTOM_CENTER`	Các phần tử được đặt ở giữa hàng dưới cùng. Hãy cân nhắc sử dụng BLOCK_END_INLINE_CENTER.
`BOTTOM_LEFT`	Các phần tử được đặt ở dưới cùng bên trái và chuyển động về phía giữa. Các phần tử được đặt ở bên phải biểu trưng Google. Hãy cân nhắc sử dụng BLOCK_END_INLINE_START.
`BOTTOM_RIGHT`	Các phần tử được đặt ở dưới cùng bên phải và di chuyển về phía giữa. Các phần tử được đặt ở bên trái thông tin bản quyền. Hãy cân nhắc sử dụng BLOCK_END_INLINE_END.
`INLINE_END_BLOCK_CENTER`	Tương đương với RIGHT_CENTER trong LTR hoặc LEFT_CENTER trong RTL.
`INLINE_END_BLOCK_END`	Tương đương với RIGHT_BOTTOM trong LTR hoặc LEFT_BOTTOM trong RTL.
`INLINE_END_BLOCK_START`	Tương đương với RIGHT_TOP trong LTR hoặc LEFT_TOP trong RTL.
`INLINE_START_BLOCK_CENTER`	Tương đương với LEFT_CENTER trong LTR hoặc RIGHT_CENTER trong RTL.
`INLINE_START_BLOCK_END`	Tương đương với LEFT_BOTTOM trong LTR hoặc RIGHT_BOTTOM trong RTL.
`INLINE_START_BLOCK_START`	Tương đương với LEFT_TOP trong LTR hoặc RIGHT_TOP trong RTL.
`LEFT_BOTTOM`	Các phần tử được đặt ở bên trái, phía trên các phần tử dưới cùng bên trái và di chuyển lên trên. Hãy cân nhắc sử dụng INLINE_START_BLOCK_END.
`LEFT_CENTER`	Các phần tử được đặt ở giữa bên trái. Hãy cân nhắc sử dụng INLINE_START_BLOCK_CENTER.
`LEFT_TOP`	Các phần tử được đặt ở bên trái, bên dưới các phần tử trên cùng bên trái và di chuyển xuống dưới. Hãy cân nhắc sử dụng INLINE_START_BLOCK_START.
`RIGHT_BOTTOM`	Các phần tử nằm ở bên phải, phía trên các phần tử dưới cùng bên phải và di chuyển lên trên. Hãy cân nhắc sử dụng INLINE_END_BLOCK_END.
`RIGHT_CENTER`	Các phần tử được đặt ở giữa bên phải. Hãy cân nhắc sử dụng INLINE_END_BLOCK_CENTER.
`RIGHT_TOP`	Các phần tử được đặt ở bên phải, bên dưới các phần tử trên cùng bên phải và chảy xuống dưới. Hãy cân nhắc sử dụng INLINE_END_BLOCK_START.
`TOP_CENTER`	Các phần tử được đặt ở giữa hàng trên cùng. Hãy cân nhắc sử dụng BLOCK_START_INLINE_CENTER.
`TOP_LEFT`	Các phần tử được đặt ở trên cùng bên trái và chuyển động về phía giữa. Hãy cân nhắc sử dụng BLOCK_START_INLINE_START.
`TOP_RIGHT`	Các phần tử được đặt ở trên cùng bên phải và di chuyển về phía giữa. Hãy cân nhắc sử dụng BLOCK_START_INLINE_END.

Controls Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.

Giao diện CameraControlOptions

Thuộc tính

Giao diện FullscreenControlOptions

Thuộc tính

Giao diện MapTypeControlOptions

Thuộc tính

Hằng số MapTypeControlStyle

Hằng số

Giao diện MotionTrackingControlOptions

Thuộc tính

Giao diện PanControlOptions

Thuộc tính

Giao diện RotateControlOptions

Thuộc tính

Giao diện ScaleControlOptions

Thuộc tính

Hằng số ScaleControlStyle

Hằng số

Giao diện StreetViewControlOptions

Thuộc tính

Giao diện ZoomControlOptions

Thuộc tính

Hằng số ControlPosition

Hằng số

Controls