Thông báo: Kiểu bản đồ cơ sở mới sắp ra mắt trên Nền tảng Google Maps. Bản cập nhật này về kiểu bản đồ bao gồm bảng màu mặc định mới, ghim hiện đại và các điểm cải tiến về trải nghiệm và khả năng sử dụng bản đồ. Tất cả kiểu bản đồ sẽ được tự động cập nhật 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 sử dụng 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.

Polygons

Lớp Polyline

Lớp google.maps.Polyline

Hình nhiều đường là một lớp phủ tuyến tính của các đoạn đường được kết nối trên bản đồ.

Lớp này mở rộng MVCObject.

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

Hàm dựng
`Polyline`	`Polyline([opts])` Thông số: `opts`: `PolylineOptions optional` Tạo một đa tuyến bằng cách sử dụng `PolylineOptions` đã truyền, chỉ định cả đường dẫn của đa tuyến và kiểu nét vẽ để sử dụng khi vẽ đa tuyến. Bạn có thể truyền một mảng `LatLng` hoặc một `MVCArray` của `LatLng` khi tạo một đa tuyến, mặc dù các mảng đơn giản được chuyển đổi thành `MVCArray` trong đa tuyến khi tạo bản sao.

Hàm dựng

Polyline

Polyline([opts])

Thông số:

opts: PolylineOptions optional

Tạo một đa tuyến bằng cách sử dụng PolylineOptions đã truyền, chỉ định cả đường dẫn của đa tuyến và kiểu nét vẽ để sử dụng khi vẽ đa tuyến. Bạn có thể truyền một mảng LatLng hoặc một MVCArray của LatLng khi tạo một đa tuyến, mặc dù các mảng đơn giản được chuyển đổi thành MVCArray trong đa tuyến khi tạo bản sao.

Phương thức
`getDraggable`	`getDraggable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể kéo hình dạng này hay không.
`getEditable`	`getEditable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể chỉnh sửa hình dạng này hay không.
`getMap`	`getMap()` Thông số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ mà hình dạng này được đính kèm.
`getPath`	`getPath()` Thông số: Không có Giá trị trả về: `MVCArray<LatLng>` Truy xuất đường dẫn.
`getVisible`	`getVisible()` Thông số: Không có Giá trị trả về: `boolean` Trả về liệu đa giác này có hiển thị trên bản đồ hay không.
`setDraggable`	`setDraggable(draggable)` Thông số: `draggable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể kéo hình dạng này trên bản đồ. Thuộc tính `geodesic` xác định chế độ kéo.
`setEditable`	`setEditable(editable)` Thông số: `editable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể chỉnh sửa hình dạng này bằng cách kéo các điểm điều khiển hiển thị ở các đỉnh và trên mỗi đoạn.
`setMap`	`setMap(map)` Thông số: `map`: `Map optional` Giá trị trả về: Không có Kết xuất hình dạng này trên bản đồ đã chỉ định. Nếu bạn đặt map thành `null`, hình dạng sẽ bị xoá.
`setOptions`	`setOptions(options)` Thông số: `options`: `PolylineOptions optional` Giá trị trả về: Không có
`setPath`	`setPath(path)` Thông số: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Giá trị trả về: Không có Đặt đường dẫn. Hãy xem `PolylineOptions` để biết thêm thông tin chi tiết.
`setVisible`	`setVisible(visible)` Thông số: `visible`: `boolean` Giá trị trả về: Không có Ẩn đa giác này nếu bạn đặt thành `false`.
Kế thừa: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Sự kiện
`click`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện nhấp DOM được kích hoạt trên Polyline.
`contextmenu`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện trình đơn theo bối cảnh DOM được kích hoạt trên Poyline.
`dblclick`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện nhấp đúp DOM được kích hoạt trên Polyline.
`drag`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt liên tục trong khi người dùng kéo đa giác.
`dragend`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng ngừng kéo đường đa tuyến.
`dragstart`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng bắt đầu kéo đường đa tuyến.
`mousedown`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện mousedown DOM được kích hoạt trên Polyline.
`mousemove`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện mousemove DOM được kích hoạt trên Polyline.
`mouseout`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi di chuột ra khỏi Polyline.
`mouseover`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi di chuột qua Polyline.
`mouseup`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện DOM mouseup được kích hoạt trên Polyline.
`rightclick`	Không dùng nữa: Thay vào đó, hãy sử dụng sự kiện `Polyline.contextmenu` để hỗ trợ các mẫu sử dụng như nhấp chuột bằng phím điều khiển trên macOS. `function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi bạn nhấp chuột phải vào Polyline.

Giao diện PolylineOptions

Giao diện google.maps.PolylineOptions

Đối tượng PolylineOptions dùng để xác định các thuộc tính có thể được đặt trên một Polyline.

Thuộc tính
`clickable optional`	Loại: `boolean optional` Mặc định: `true` Cho biết liệu `Polyline` này có xử lý các sự kiện chuột hay không.
`draggable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể kéo hình dạng này trên bản đồ. Thuộc tính `geodesic` xác định chế độ kéo.
`editable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể chỉnh sửa hình dạng này bằng cách kéo các điểm điều khiển hiển thị ở các đỉnh và trên mỗi đoạn.
`geodesic optional`	Loại: `boolean optional` Mặc định: `false` Khi `true`, các cạnh của đa giác được diễn giải là geodesic và sẽ tuân theo độ cong của Trái Đất. Khi `false`, các cạnh của đa giác được kết xuất dưới dạng đường thẳng trong không gian màn hình. Xin lưu ý rằng hình dạng của đa giác geodesic có thể thay đổi khi kéo, vì các kích thước được duy trì tương ứng với bề mặt trái đất.
`icons optional`	Loại: `Array<IconSequence> optional` Các biểu tượng sẽ được kết xuất dọc theo đường đa tuyến.
`map optional`	Loại: `Map optional` Bản đồ hiển thị Polyline.
`path optional`	Loại: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral> optional` Trình tự toạ độ được sắp xếp của Polyline. Bạn có thể chỉ định đường dẫn này bằng cách sử dụng một mảng đơn giản của `LatLng` hoặc một `MVCArray` của `LatLng`. Xin lưu ý rằng nếu bạn truyền một mảng đơn giản, mảng đó sẽ được chuyển đổi thành `MVCArray`. Việc chèn hoặc xoá LatLng trong `MVCArray` sẽ tự động cập nhật đường đa tuyến trên bản đồ.
`strokeColor optional`	Loại: `string optional` Màu nét vẽ. Tất cả màu CSS3 đều được hỗ trợ ngoại trừ màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ của nét vẽ nằm trong khoảng từ 0 đến 1.
`strokeWeight optional`	Loại: `number optional` Độ rộng nét vẽ tính bằng pixel.
`visible optional`	Loại: `boolean optional` Mặc định: `true` Liệu đường đa tuyến này có hiển thị trên bản đồ hay không.
`zIndex optional`	Loại: `number optional` zIndex so với các đa giác khác.

Giao diện IconSequence

Giao diện google.maps.IconSequence

Mô tả cách hiển thị các biểu tượng trên một dòng.

Nếu đường đa tuyến của bạn là đường trắc địa, thì theo mặc định, khoảng cách được chỉ định cho cả độ dời và lặp lại sẽ được tính bằng mét. Việc đặt độ lệch hoặc lặp lại thành một giá trị pixel sẽ khiến khoảng cách được tính bằng pixel trên màn hình.

Thuộc tính
`fixedRotation optional`	Loại: `boolean optional` Mặc định: `false` Nếu là `true`, mỗi biểu tượng trong trình tự đều có cùng một góc xoay cố định bất kể góc của cạnh mà biểu tượng đó nằm trên đó. Nếu là `false`, thì mỗi biểu tượng trong trình tự sẽ được xoay để căn chỉnh với cạnh của biểu tượng đó.
`icon optional`	Loại: `Symbol optional` Biểu tượng để hiển thị trên đường.
`offset optional`	Loại: `string optional` Mặc định: `'100%'` Khoảng cách từ đầu dòng đến vị trí hiển thị biểu tượng. Khoảng cách này có thể được biểu thị dưới dạng tỷ lệ phần trăm chiều dài của đường kẻ (ví dụ: "50%") hoặc tính bằng pixel (ví dụ: "50px").
`repeat optional`	Loại: `string optional` Mặc định: `0` Khoảng cách giữa các biểu tượng liên tiếp trên đường. Khoảng cách này có thể được biểu thị dưới dạng tỷ lệ phần trăm chiều dài của đường kẻ (ví dụ: "50%") hoặc tính bằng pixel (ví dụ: "50px"). Để tắt tính năng lặp lại biểu tượng, hãy chỉ định giá trị "0".

Lớp Polygon

Lớp google.maps.Polygon

Đa giác (chẳng hạn như đường đa tuyến) xác định một loạt toạ độ được kết nối theo trình tự có thứ tự. Ngoài ra, đa giác tạo thành một vòng lặp kín và xác định một vùng được tô màu. Xem các mẫu trong hướng dẫn dành cho nhà phát triển, bắt đầu bằng một đa giác đơn giản, một đa giác có lỗ và nhiều mẫu khác. Xin lưu ý rằng bạn cũng có thể sử dụng Lớp dữ liệu để tạo đa giác. Lớp Dữ liệu cung cấp cách tạo lỗ đơn giản hơn vì lớp này xử lý thứ tự của đường dẫn bên trong và bên ngoài cho bạn.

Lớp này mở rộng MVCObject.

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

Hàm dựng
`Polygon`	`Polygon([opts])` Thông số: `opts`: `PolygonOptions optional` Tạo một đa giác bằng cách sử dụng `PolygonOptions` đã truyền, chỉ định đường dẫn của đa giác, kiểu nét vẽ cho các cạnh của đa giác và kiểu tô màu cho các vùng bên trong của đa giác. Một đa giác có thể chứa một hoặc nhiều đường dẫn, trong đó mỗi đường dẫn bao gồm một mảng `LatLng`. Bạn có thể truyền một mảng LatLng hoặc một `MVCArray` của `LatLng` khi tạo các đường dẫn này. Mảng được chuyển đổi thành `MVCArray` trong đa giác khi tạo bản sao.

Hàm dựng

Polygon

Polygon([opts])

Thông số:

opts: PolygonOptions optional

Tạo một đa giác bằng cách sử dụng PolygonOptions đã truyền, chỉ định đường dẫn của đa giác, kiểu nét vẽ cho các cạnh của đa giác và kiểu tô màu cho các vùng bên trong của đa giác. Một đa giác có thể chứa một hoặc nhiều đường dẫn, trong đó mỗi đường dẫn bao gồm một mảng LatLng. Bạn có thể truyền một mảng LatLng hoặc một MVCArray của LatLng khi tạo các đường dẫn này. Mảng được chuyển đổi thành MVCArray trong đa giác khi tạo bản sao.

Phương thức
`getDraggable`	`getDraggable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể kéo hình dạng này hay không.
`getEditable`	`getEditable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể chỉnh sửa hình dạng này hay không.
`getMap`	`getMap()` Thông số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ mà hình dạng này được đính kèm.
`getPath`	`getPath()` Thông số: Không có Giá trị trả về: `MVCArray<LatLng>` Truy xuất đường dẫn đầu tiên.
`getPaths`	`getPaths()` Thông số: Không có Giá trị trả về: `MVCArray<MVCArray<LatLng>>` Truy xuất các đường dẫn cho đa giác này.
`getVisible`	`getVisible()` Thông số: Không có Giá trị trả về: `boolean` Trả về liệu đa giác này có hiển thị trên bản đồ hay không.
`setDraggable`	`setDraggable(draggable)` Thông số: `draggable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể kéo hình dạng này trên bản đồ. Thuộc tính `geodesic` xác định chế độ kéo.
`setEditable`	`setEditable(editable)` Thông số: `editable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể chỉnh sửa hình dạng này bằng cách kéo các điểm điều khiển hiển thị ở các đỉnh và trên mỗi đoạn.
`setMap`	`setMap(map)` Thông số: `map`: `Map optional` Giá trị trả về: Không có Kết xuất hình dạng này trên bản đồ đã chỉ định. Nếu bạn đặt map thành `null`, hình dạng sẽ bị xoá.
`setOptions`	`setOptions(options)` Thông số: `options`: `PolygonOptions optional` Giá trị trả về: Không có
`setPath`	`setPath(path)` Thông số: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Giá trị trả về: Không có Đặt đường dẫn đầu tiên. Hãy xem `PolygonOptions` để biết thêm thông tin chi tiết.
`setPaths`	`setPaths(paths)` Thông số: `paths`: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral>` Giá trị trả về: Không có Đặt đường dẫn cho đa giác này.
`setVisible`	`setVisible(visible)` Thông số: `visible`: `boolean` Giá trị trả về: Không có Ẩn đa giác này nếu bạn đặt thành `false`.
Kế thừa: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Sự kiện
`click`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện nhấp DOM được kích hoạt trên Đa giác.
`contextmenu`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện trình đơn theo bối cảnh DOM được kích hoạt trên Đa giác.
`dblclick`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện nhấp đúp DOM được kích hoạt trên Đa giác.
`drag`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt liên tục trong khi người dùng kéo đa giác.
`dragend`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng ngừng kéo đa giác.
`dragstart`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng bắt đầu kéo đa giác.
`mousedown`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện mousedown DOM được kích hoạt trên Đa giác.
`mousemove`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện mousemove DOM được kích hoạt trên Đa giác.
`mouseout`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi Polygon mouseout.
`mouseover`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi di chuột qua Đa giác.
`mouseup`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện DOM mouseup được kích hoạt trên Đa giác.
`rightclick`	Không dùng nữa: Thay vào đó, hãy sử dụng sự kiện `Polygon.contextmenu` để hỗ trợ các mẫu sử dụng như nhấp chuột bằng phím điều khiển trên macOS. `function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi bạn nhấp chuột phải vào Đa giác.

Giao diện PolygonOptions

Giao diện google.maps.PolygonOptions

Đối tượng PolygonOptions dùng để xác định các thuộc tính có thể được đặt trên một Đa giác.

Thuộc tính
`clickable optional`	Loại: `boolean optional` Mặc định: `true` Cho biết liệu `Polygon` này có xử lý các sự kiện chuột hay không.
`draggable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể kéo hình dạng này trên bản đồ. Thuộc tính `geodesic` xác định chế độ kéo.
`editable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể chỉnh sửa hình dạng này bằng cách kéo các điểm điều khiển hiển thị ở các đỉnh và trên mỗi đoạn.
`fillColor optional`	Loại: `string optional` Màu nền. Tất cả màu CSS3 đều được hỗ trợ ngoại trừ màu được đặt tên mở rộng.
`fillOpacity optional`	Loại: `number optional` Độ mờ của màu tô nằm trong khoảng từ 0 đến 1
`geodesic optional`	Loại: `boolean optional` Mặc định: `false` Khi `true`, các cạnh của đa giác được diễn giải là geodesic và sẽ tuân theo độ cong của Trái Đất. Khi `false`, các cạnh của đa giác được kết xuất dưới dạng đường thẳng trong không gian màn hình. Xin lưu ý rằng hình dạng của đa giác geodesic có thể thay đổi khi kéo, vì các kích thước được duy trì tương ứng với bề mặt trái đất.
`map optional`	Loại: `Map optional` Bản đồ hiển thị Đa giác.
`paths optional`	Loại: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral> optional` Trình tự toạ độ có thứ tự chỉ định một vòng lặp kín. Không giống như đa tuyến, đa giác có thể bao gồm một hoặc nhiều đường dẫn. Do đó, thuộc tính đường dẫn có thể chỉ định một hoặc nhiều mảng toạ độ `LatLng`. Các đường dẫn sẽ tự động đóng; không lặp lại đỉnh đầu tiên của đường dẫn làm đỉnh cuối cùng. Bạn có thể xác định các đa giác đơn giản bằng cách sử dụng một mảng `LatLng`. Các đa giác phức tạp hơn có thể chỉ định một mảng các mảng. Mọi mảng đơn giản đều được chuyển đổi thành `MVCArray`. Việc chèn hoặc xoá `LatLng` khỏi `MVCArray` sẽ tự động cập nhật đa giác trên bản đồ.
`strokeColor optional`	Loại: `string optional` Màu nét vẽ. Tất cả màu CSS3 đều được hỗ trợ ngoại trừ màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ của nét vẽ nằm trong khoảng từ 0 đến 1
`strokePosition optional`	Loại: `StrokePosition optional` Mặc định: `StrokePosition.CENTER` Vị trí nét vẽ.
`strokeWeight optional`	Loại: `number optional` Độ rộng nét vẽ tính bằng pixel.
`visible optional`	Loại: `boolean optional` Mặc định: `true` Liệu đa giác này có hiển thị trên bản đồ hay không.
`zIndex optional`	Loại: `number optional` zIndex so với các đa giác khác.

Giao diện PolyMouseEvent

Giao diện google.maps.PolyMouseEvent

Đối tượng này được trả về từ các sự kiện chuột trên đa tuyến và đa giác.

Giao diện này mở rộng MapMouseEvent.

Thuộc tính
`edge optional`	Loại: `number optional` Chỉ mục của cạnh trong đường dẫn bên dưới con trỏ khi sự kiện xảy ra, nếu sự kiện xảy ra tại điểm giữa trên một đa giác có thể chỉnh sửa.
`path optional`	Loại: `number optional` Chỉ mục của đường dẫn bên dưới con trỏ khi sự kiện xảy ra, nếu sự kiện xảy ra trên một đỉnh và đa giác có thể chỉnh sửa. Nếu không, `undefined`.
`vertex optional`	Loại: `number optional` Chỉ mục của đỉnh bên dưới con trỏ khi sự kiện xảy ra, nếu sự kiện xảy ra trên một đỉnh và đường đa tuyến hoặc đa giác có thể chỉnh sửa. Nếu sự kiện không xảy ra trên một đỉnh, giá trị sẽ là `undefined`.
Kế thừa: `domEvent`, `latLng`

Phương thức
Kế thừa: `stop`

Lớp Rectangle

Lớp google.maps.Rectangle

Lớp phủ hình chữ nhật.

Lớp này mở rộng MVCObject.

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

Hàm dựng
`Rectangle`	`Rectangle([opts])` Thông số: `opts`: `RectangleOptions optional` Tạo một hình chữ nhật bằng cách sử dụng `RectangleOptions` đã truyền, chỉ định các giới hạn và kiểu.

Phương thức
`getBounds`	`getBounds()` Thông số: Không có Giá trị trả về: `LatLngBounds\|null` Trả về ranh giới của hình chữ nhật này.
`getDraggable`	`getDraggable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể kéo hình chữ nhật này hay không.
`getEditable`	`getEditable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể chỉnh sửa hình chữ nhật này hay không.
`getMap`	`getMap()` Thông số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ hiển thị hình chữ nhật này.
`getVisible`	`getVisible()` Thông số: Không có Giá trị trả về: `boolean` Trả về liệu hình chữ nhật này có hiển thị trên bản đồ hay không.
`setBounds`	`setBounds(bounds)` Thông số: `bounds`: `LatLngBounds\|LatLngBoundsLiteral optional` Giá trị trả về: Không có Đặt ranh giới của hình chữ nhật này.
`setDraggable`	`setDraggable(draggable)` Thông số: `draggable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể kéo hình chữ nhật này trên bản đồ.
`setEditable`	`setEditable(editable)` Thông số: `editable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể chỉnh sửa hình chữ nhật này bằng cách kéo các điểm điều khiển hiển thị ở các góc và trên mỗi cạnh.
`setMap`	`setMap(map)` Thông số: `map`: `Map optional` Giá trị trả về: Không có Kết xuất hình chữ nhật trên bản đồ đã chỉ định. Nếu bạn đặt map thành `null`, hình chữ nhật sẽ bị xoá.
`setOptions`	`setOptions(options)` Thông số: `options`: `RectangleOptions optional` Giá trị trả về: Không có
`setVisible`	`setVisible(visible)` Thông số: `visible`: `boolean` Giá trị trả về: Không có Ẩn hình chữ nhật này nếu bạn đặt thành `false`.
Kế thừa: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Sự kiện
`bounds_changed`	`function()` Đối số: Không có Sự kiện này được kích hoạt khi thay đổi giới hạn của hình chữ nhật.
`click`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện nhấp DOM được kích hoạt trên hình chữ nhật.
`contextmenu`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện trình đơn theo bối cảnh DOM được kích hoạt trên hình chữ nhật.
`dblclick`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện dblclick DOM được kích hoạt trên hình chữ nhật.
`drag`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt liên tục trong khi người dùng kéo hình chữ nhật.
`dragend`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng ngừng kéo hình chữ nhật.
`dragstart`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng bắt đầu kéo hình chữ nhật.
`mousedown`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện DOM mousedown được kích hoạt trên hình chữ nhật.
`mousemove`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện mousemove DOM được kích hoạt trên hình chữ nhật.
`mouseout`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi di chuột ra khỏi hình chữ nhật.
`mouseover`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi di chuột qua hình chữ nhật.
`mouseup`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện DOM mouseup được kích hoạt trên hình chữ nhật.
`rightclick`	Không dùng nữa: Thay vào đó, hãy sử dụng sự kiện `Rectangle.contextmenu` để hỗ trợ các mẫu sử dụng như nhấp chuột bằng phím điều khiển trên macOS. `function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi bạn nhấp chuột phải vào hình chữ nhật.

Giao diện RectangleOptions

Giao diện google.maps.RectangleOptions

Đối tượng RectangleOptions dùng để xác định các thuộc tính có thể được đặt trên một hình chữ nhật.

Thuộc tính
`bounds optional`	Loại: `LatLngBounds\|LatLngBoundsLiteral optional` Giới hạn.
`clickable optional`	Loại: `boolean optional` Mặc định: `true` Cho biết liệu `Rectangle` này có xử lý các sự kiện chuột hay không.
`draggable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể kéo hình chữ nhật này trên bản đồ.
`editable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể chỉnh sửa hình chữ nhật này bằng cách kéo các điểm điều khiển hiển thị ở các góc và trên mỗi cạnh.
`fillColor optional`	Loại: `string optional` Màu nền. Tất cả màu CSS3 đều được hỗ trợ ngoại trừ màu được đặt tên mở rộng.
`fillOpacity optional`	Loại: `number optional` Độ mờ của màu tô nằm trong khoảng từ 0 đến 1
`map optional`	Loại: `Map optional` Bản đồ để hiển thị Hình chữ nhật.
`strokeColor optional`	Loại: `string optional` Màu nét vẽ. Tất cả màu CSS3 đều được hỗ trợ ngoại trừ màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ của nét vẽ nằm trong khoảng từ 0 đến 1
`strokePosition optional`	Loại: `StrokePosition optional` Mặc định: `StrokePosition.CENTER` Vị trí nét vẽ.
`strokeWeight optional`	Loại: `number optional` Độ rộng nét vẽ tính bằng pixel.
`visible optional`	Loại: `boolean optional` Mặc định: `true` Liệu hình chữ nhật này có hiển thị trên bản đồ hay không.
`zIndex optional`	Loại: `number optional` zIndex so với các đa giác khác.

Lớp Vòng tròn

Lớp google.maps.Circle

Một vòng tròn trên bề mặt Trái Đất; còn được gọi là "nắp hình cầu".

Lớp này mở rộng MVCObject.

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

Hàm dựng
`Circle`	`Circle([circleOrCircleOptions])` Thông số: `circleOrCircleOptions`: `Circle\|CircleLiteral\|CircleOptions optional` Tạo một vòng tròn bằng `CircleOptions` đã truyền, vòng tròn này chỉ định tâm, bán kính và kiểu.

Phương thức
`getBounds`	`getBounds()` Thông số: Không có Giá trị trả về: `LatLngBounds\|null` Lấy `LatLngBounds` của Vòng tròn này.
`getCenter`	`getCenter()` Thông số: Không có Giá trị trả về: `LatLng\|null` Trả về tâm của vòng tròn này.
`getDraggable`	`getDraggable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể kéo vòng tròn này hay không.
`getEditable`	`getEditable()` Thông số: Không có Giá trị trả về: `boolean` Trả về kết quả cho biết người dùng có thể chỉnh sửa vòng tròn này hay không.
`getMap`	`getMap()` Thông số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ hiển thị vòng tròn này.
`getRadius`	`getRadius()` Thông số: Không có Giá trị trả về: `number` Trả về bán kính của vòng tròn này (tính bằng mét).
`getVisible`	`getVisible()` Thông số: Không có Giá trị trả về: `boolean` Trả về thông tin về việc vòng tròn này có xuất hiện trên bản đồ hay không.
`setCenter`	`setCenter(center)` Thông số: `center`: `LatLng\|LatLngLiteral optional` Giá trị trả về: Không có Đặt tâm của vòng tròn này.
`setDraggable`	`setDraggable(draggable)` Thông số: `draggable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể kéo vòng tròn này trên bản đồ.
`setEditable`	`setEditable(editable)` Thông số: `editable`: `boolean` Giá trị trả về: Không có Nếu đặt thành `true`, người dùng có thể chỉnh sửa vòng tròn này bằng cách kéo các điểm điều khiển hiển thị ở giữa và xung quanh chu vi của vòng tròn.
`setMap`	`setMap(map)` Thông số: `map`: `Map optional` Giá trị trả về: Không có Kết xuất vòng tròn trên bản đồ đã chỉ định. Nếu bạn đặt map thành `null`, vòng tròn sẽ bị xoá.
`setOptions`	`setOptions(options)` Thông số: `options`: `CircleOptions optional` Giá trị trả về: Không có
`setRadius`	`setRadius(radius)` Thông số: `radius`: `number` Giá trị trả về: Không có Đặt bán kính của vòng tròn này (tính bằng mét).
`setVisible`	`setVisible(visible)` Thông số: `visible`: `boolean` Giá trị trả về: Không có Ẩn vòng tròn này nếu được đặt thành `false`.
Kế thừa: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Sự kiện
`center_changed`	`function()` Đối số: Không có Sự kiện này được kích hoạt khi tâm của vòng tròn thay đổi.
`click`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện nhấp DOM được kích hoạt trên vòng tròn.
`dblclick`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện nhấp đúp DOM được kích hoạt trên vòng tròn.
`drag`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt liên tục trong khi người dùng kéo vòng tròn.
`dragend`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng ngừng kéo vòng tròn.
`dragstart`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng bắt đầu kéo vòng tròn.
`mousedown`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện mousedown DOM được kích hoạt trên vòng tròn.
`mousemove`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện mousemove DOM được kích hoạt trên vòng tròn.
`mouseout`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi di chuột ra khỏi vòng tròn.
`mouseover`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi di chuột qua vòng tròn.
`mouseup`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện DOM mouseup được kích hoạt trên vòng tròn.
`radius_changed`	`function()` Đối số: Không có Sự kiện này được kích hoạt khi bán kính của vòng tròn thay đổi.
`rightclick`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi bạn nhấp chuột phải vào vòng tròn.

Giao diện CircleOptions

Giao diện google.maps.CircleOptions

Đối tượng CircleOptions dùng để xác định các thuộc tính có thể đặt trên một Vòng tròn.

Thuộc tính
`center optional`	Loại: `LatLng\|LatLngLiteral optional` Tâm của Vòng tròn.
`clickable optional`	Loại: `boolean optional` Mặc định: `true` Cho biết liệu `Circle` này có xử lý các sự kiện chuột hay không.
`draggable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể kéo vòng tròn này trên bản đồ.
`editable optional`	Loại: `boolean optional` Mặc định: `false` Nếu đặt thành `true`, người dùng có thể chỉnh sửa vòng tròn này bằng cách kéo các điểm điều khiển hiển thị ở giữa và xung quanh chu vi của vòng tròn.
`fillColor optional`	Loại: `string optional` Màu nền. Tất cả màu CSS3 đều được hỗ trợ ngoại trừ màu được đặt tên mở rộng.
`fillOpacity optional`	Loại: `number optional` Độ mờ của màu tô nằm trong khoảng từ 0 đến 1.
`map optional`	Loại: `Map optional` Bản đồ để hiển thị Vòng tròn.
`radius optional`	Loại: `number optional` Bán kính tính bằng mét trên bề mặt Trái Đất.
`strokeColor optional`	Loại: `string optional` Màu nét vẽ. Tất cả màu CSS3 đều được hỗ trợ ngoại trừ màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ của nét vẽ nằm trong khoảng từ 0 đến 1.
`strokePosition optional`	Loại: `StrokePosition optional` Mặc định: `StrokePosition.CENTER` Vị trí nét vẽ.
`strokeWeight optional`	Loại: `number optional` Độ rộng nét vẽ tính bằng pixel.
`visible optional`	Loại: `boolean optional` Mặc định: `true` Liệu vòng tròn này có hiển thị trên bản đồ hay không.
`zIndex optional`	Loại: `number optional` zIndex so với các đa giác khác.

Hằng số StrokePosition

Hằng số google.maps.StrokePosition

Các vị trí có thể có của nét vẽ trên đa giác.

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

Hằng số
`CENTER`	Nét vẽ nằm ở giữa đường dẫn của đa giác, với một nửa nét vẽ bên trong đa giác và một nửa nét vẽ bên ngoài đa giác.
`INSIDE`	Nét vẽ nằm bên trong đa giác.
`OUTSIDE`	Nét vẽ nằm ngoài đa giác.

Polygons

Lớp Polyline

Hàm dựng

Phương thức

Sự kiện

Giao diện PolylineOptions

Thuộc tính

Giao diện IconSequence

Thuộc tính

Lớp Polygon

Hàm dựng

Phương thức

Sự kiện

Giao diện PolygonOptions

Thuộc tính

Giao diện PolyMouseEvent

Thuộc tính

Phương thức

Lớp Rectangle

Hàm dựng

Phương thức

Sự kiện

Giao diện RectangleOptions

Thuộc tính

Lớp Vòng tròn

Hàm dựng

Phương thức

Sự kiện

Giao diện CircleOptions

Thuộc tính

Hằng số StrokePosition

Hằng số