Controls

Giao diện CameraControlOptions

giao diện google.maps.CameraControlOptions

Các lựa chọn hiển thị cho nút Điều khiển camera.
position
không bắt buộc
Loạ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

giao diện google.maps.FullscreenControlOptions

Các tuỳ chọn để hiển thị chế độ điều khiển toàn màn hình.
position
không bắt buộc
Loạ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

giao diện google.maps.MapTypeControlOptions

Các tuỳ chọn để hiển thị chế độ điều khiển loại bản đồ.
mapTypeIds
không bắt buộc
Loạ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
Loạ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
Loạ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

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

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

const {MapTypeControlStyle} = await google.maps.importLibrary("maps");
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

giao diện google.maps.MotionTrackingControlOptions

Các tuỳ chọn để hiển thị chế độ điều khiển theo dõi chuyển động.
position
không bắt buộc
Loạ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

giao diện google.maps.PanControlOptions

Các tuỳ chọn để hiển thị chế độ điều khiển xoay.
position
không bắt buộc
Loạ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

giao diện google.maps.RotateControlOptions

Các lựa chọn để hiển thị chế độ điều khiển xoay.
position
không bắt buộc
Loạ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

giao diện google.maps.ScaleControlOptions

Các tuỳ chọn để hiển thị chế độ điều khiển tỷ lệ.
style
không bắt buộc
Loạ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ệ.
DEFAULT Chế độ điều khiển tỷ lệ chuẩn.

Giao diện StreetViewControlOptions

giao diện google.maps.StreetViewControlOptions

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 đồ.
position
không bắt buộc
Loạ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
Loạ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

giao diện google.maps.ZoomControlOptions

Các tuỳ chọn để hiển thị chế độ điều khiển thu phóng.
position
không bắt buộc
Loạ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

hằng số google.maps.ControlPosition
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");
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.