Places UI Kit: Một thư viện có thể sử dụng ngay, cung cấp không gian tuỳ chỉnh và kiểm soát cho nhà phát triển. Hãy dùng thử và chia sẻ ý kiến của bạn về trải nghiệm dùng Bộ giao diện người dùng.

Google sử dụng công nghệ AI để dịch nội dung sang ngôn ngữ bạn ưu tiên. Bản dịch bằng AI có thể có lỗi.

Controls

Giao diện CameraControlOptions

google.maps.CameraControlOptions giao diện

Các lựa chọn hiển thị cho nút Điều khiển camera.

Thuộc tính
`position` không bắt buộc	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_START_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của thành phần điều khiển trên bản đồ.

Giao diện FullscreenControlOptions

google.maps.FullscreenControlOptions giao diện

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

Thuộc tính
`position` không bắt buộc	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_START` Mã vị trí. Dùng để chỉ định vị trí của thành phần điều khiển trên bản đồ.

Giao diện MapTypeControlOptions

google.maps.MapTypeControlOptions giao diện

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

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

Hằng số MapTypeControlStyle

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

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

const {MapTypeControlStyle} = await google.maps.importLibrary("maps");

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 người dùng 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.MotionTrackingControlOptions giao diện

Các tuỳ chọn để hiển thị chế độ điều khiển theo dõi chuyển động.

Thuộc tính
`position` không bắt buộc	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Thông tin này dùng để chỉ định vị trí của thành phần điều khiển này trên ảnh toàn cảnh.

Giao diện PanControlOptions

google.maps.PanControlOptions giao diện

Các tuỳ chọn để hiển thị chế độ điều khiển xoay.

Thuộc tính
`position` không bắt buộc	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của thành phần điều khiển trên bản đồ.

Giao diện RotateControlOptions

google.maps.RotateControlOptions giao diện

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

Thuộc tính
`position` không bắt buộc	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của thành phần điều khiển trên bản đồ.

Giao diện ScaleControlOptions

google.maps.ScaleControlOptions giao diện

Các tuỳ chọn để hiển thị chế độ điều khiển tỷ lệ.

Thuộc tính
`style` không bắt buộc	Loại: `ScaleControlStyle optional` Mã kiểu. Dùng để chọn kiểu điều khiển tỷ lệ sẽ 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`	Chế độ điều khiển tỷ lệ chuẩn.

Giao diện StreetViewControlOptions

google.maps.StreetViewControlOptions giao diện

Các tuỳ chọn để hiển thị nút điều khiển người hình mắc áo của Chế độ xem đường phố trên bản đồ.

Thuộc tính
`position` không bắt buộc	Loại: `ControlPosition optional` Mã vị trí. Dùng để chỉ định vị trí của thành phần điều khiển trên bản đồ. Vị trí mặc định được nhúng trong các nút đ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ẽ hiển thị dưới dạng một phần của chế độ đ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` không bắt buộc	Loại: `Iterable<StreetViewSource> optional` Mặc định: [`StreetViewSource.DEFAULT`] Chỉ định nguồn ảnh toàn cảnh cần tìm kiếm. Ví dụ: điều này cho phép hạn chế chỉ tìm kiếm ảnh toàn cảnh chính thức của Google. Việc đặt 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 chưa được hỗ trợ.

Thuộc tính

position
không bắt buộc

Loại: ControlPosition optional

Mã vị trí. Dùng để chỉ định vị trí của thành phần điều khiển trên bản đồ. Vị trí mặc định được nhúng trong các nút đ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ẽ hiển thị dưới dạng một phần của chế độ đ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
không bắt buộc

Loại: Iterable<StreetViewSource> optional

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

Chỉ định nguồn ảnh toàn cảnh cần tìm kiếm. Ví dụ: điều này cho phép hạn chế chỉ tìm kiếm ảnh toàn cảnh chính thức của Google. Việc đặt 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 chưa được hỗ trợ.

Giao diện ZoomControlOptions

google.maps.ZoomControlOptions giao diện

Các tuỳ chọn để hiển thị chế độ điều khiển thu phóng.

Thuộc tính
`position` không bắt buộc	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Dùng để chỉ định vị trí của thành phần điều khiển trên bản đồ.

Hằng số ControlPosition

google.maps.ControlPosition hằng số
thư viện "core"

Giá trị nhận dạng dùng để chỉ định vị trí của các thành phần điều khiển trên bản đồ. Các chế độ điều khiển được đặt tương ứng với các chế độ điều khiển khác ở cùng một vị trí bố cục. Các chế độ điều khiển được thêm trước sẽ nằm gần cạnh bản đồ hơn. Bạn nên sử dụng "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ả bối 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 dưới cùng sẽ di chuyển về phía 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ề phía giữa cột.

const {ControlPosition} = await google.maps.importLibrary("core");

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. Thay vào đó, hãy cân nhắc sử dụng BLOCK_END_INLINE_CENTER.
`BOTTOM_LEFT`	Các thành phần được đặt ở dưới cùng bên trái và di chuyển về phía giữa. Các thành phần đượ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ử được đặt ở 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 thành phần đượ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à di chuyển xuống dưới. Hãy cân nhắc sử dụng INLINE_END_BLOCK_START.
`TOP_CENTER`	Các thành phần đượ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à di chuyển 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