Kiểu bản đồ mới sắp xuất hiện trên Nền tảng Google Maps. Bản cập nhật này để tạo kiểu bản đồ bao gồm một bảng màu mặc định mới và các cải tiến về trải nghiệm bản đồ cũng như khả năng hữu dụng. Tất cả kiểu bản đồ sẽ được cập nhật tự động vào tháng 3 năm 2025. Để biết thêm thông tin về phạm vi cung cấp và cách chọn tham gia sớm hơn, hãy xem bài viết Kiểu bản đồ mới cho Nền tảng Google Maps.

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

Controls

Giao diện FullscreenControlOptions

Giao diện google.maps.FullscreenControlOptions

Các tuỳ chọn kết xuất thành phần điều khiển 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í. Được sử dụng để chỉ định vị trí của điều khiển trên bản đồ.

Giao diện MapTypeControlOptions

Giao diện google.maps.MapTypeControlOptions

Các tuỳ chọn kết xuất thành phần đ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ẽ hiển thị trong bảng điều khiển.
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.BLOCK_START_INLINE_START` Mã vị trí. Được sử dụng để chỉ định vị trí của đ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 đồ sẽ hiển thị.

Hằng số MapTypeControlStyle

Hằng số google.maps.MapTypeControlStyle

Giá trị nhận dạng cho các 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 API JavaScript Maps.

Hằng số
`DEFAULT`	Sử dụng điều khiển loại bản đồ mặc định. Khi thành phần điều khiển `DEFAULT` xuất hiện, tuỳ chọn này sẽ thay đổi 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 màn hình quan tâm đến tình trạng bất động sản.
`HORIZONTAL_BAR`	Thanh nút chọn theo chiều ngang tiêu chuẩn.

Giao diện MotionTrackingControlOptions

Giao diện google.maps.MotionTrackingControlOptions

Các tuỳ chọn để kết xuất nút điều khiển 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í. Tham số này được sử dụng để chỉ định vị trí của đ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ị tính năng điều khiển kéo.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_END_BLOCK_END` Mã vị trí. Được sử dụng để chỉ định vị trí của điều khiển trên bản đồ.

Giao diện RotateControlOptions

Giao diện google.maps.RotateControlOptions

Các tuỳ chọn kết xuất nút điều khiển xoay.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_START_BLOCK_END` Mã vị trí. Được sử dụng để chỉ định vị trí của điều khiển trên bản đồ.

Giao diện ScaleControlOptions

Giao diện google.maps.ScaleControlOptions

Các tuỳ chọn để kết xuất bộ điều khiển 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ệ sẽ hiển thị.

Hằng số ScaleControlStyle

Hằng số google.maps.ScaleControlStyle

Giá trị nhận dạng cho mã kiểm soát tỷ lệ.

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

Giao diện StreetViewControlOptions

Giao diện google.maps.StreetViewControlOptions

Các tuỳ chọn kết xuất 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 optional`	Loại: `ControlPosition optional` Mã vị trí. Được sử dụng để chỉ định vị trí của điều khiển trên bản đồ. Vị trí mặc định được nhúng trong các tuỳ chọn điều khiển điều hướng (thu phóng và kéo). 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ị trong các công cụ điều hướng. Nếu không, dữ liệu này sẽ được hiển thị riêng.
`sources optional`	Loại: `Iterable<StreetViewSource> optional` Mặc định: [`StreetViewSource.DEFAULT`] Chỉ định các nguồn của ảnh toàn cảnh để 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 trên Google. Việc đặt nhiều nguồn sẽ được đánh giá là phần giao nhau của các nguồn đó. Lưu ý: Nguồn `StreetViewSource.OUTDOOR` hiện chưa được hỗ trợ.

Thuộc tính

position optional

Loại: ControlPosition optional

Mã vị trí. Được sử dụng để chỉ định vị trí của điều khiển trên bản đồ. Vị trí mặc định được nhúng trong các tuỳ chọn điều khiển điều hướng (thu phóng và kéo). 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ị trong các công cụ điều hướng. Nếu không, dữ liệu này sẽ được hiển thị riêng.

sources optional

Loại: Iterable<StreetViewSource> optional

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

Chỉ định các nguồn của ảnh toàn cảnh để 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 trên Google. Việc đặt nhiều nguồn sẽ được đánh giá là phần giao nhau 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 để kết xuất tuỳ chọn điều khiển thu phóng.

Thuộc tính
`position optional`	Loại: `ControlPosition optional` Mặc định: `ControlPosition.INLINE_START_BLOCK_END` Mã vị trí. Được sử dụng để chỉ định vị trí của điều khiển trên bản đồ.

Hằng số ControlPosition

Hằng số google.maps.ControlPosition

Giá trị 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 thành phần điều khiển được đặt tương ứng với các thành phần điều khiển khác trong cùng một vị trí bố cục. Các công cụ điều khiển được thêm trước tiên được đặt gần cạnh của 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ả 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 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 di chuyển về phía 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 API JavaScript Maps.

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 ở 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 dùng BLOCK_END_INLINE_CENTER.
`BOTTOM_LEFT`	Các phần tử được đặt ở dưới cùng bên trái và di chuyển về giữa. Các phần tử được đặt ở bên phải biểu trưng của Google. Hãy cân nhắc sử dụng BLOCK_END_INLINE_START để thay thế.
`BOTTOM_RIGHT`	Các phần tử được đặt ở dưới cùng bên phải và di chuyển về giữa. Các phần tử được đặt ở bên trái 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 để thay thế.
`LEFT_CENTER`	Các phần tử được đặt ở chính giữa bên trái. Hãy cân nhắc dùng INLINE_START_BLOCK_CENTER để thay thế.
`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à trải xuống dưới. Hãy cân nhắc sử dụng INLINE_START_BLOCK_START để thay thế.
`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 để thay thế.
`RIGHT_CENTER`	Các thành phần được đặt ở chính giữa bên phải. Thay vào đó, 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, phía 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 phần tử được đặt ở giữa hàng trên cùng. Hãy cân nhắc dùng BLOCK_START_INLINE_CENTER.
`TOP_LEFT`	Các phần tử được đặt ở trên cùng bên trái và trà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à tràn về phía giữa. Hãy cân nhắc sử dụng BLOCK_START_INLINE_END.