Thông báo bảo mật: Chúng tôi đã nhận thấy một vấn đề bảo mật có thể ảnh hưởng đến các trang web sử dụng các thư viện cụ thể của bên thứ ba (bao gồm cả polyfill.io). Vấn đề này đôi khi có thể chuyển hướng khách truy cập khỏi trang web mong muốn mà chủ sở hữu trang web không biết hoặc không cho phép. Nhiều mẫu JavaScript của chúng tôi trước đây đã bao gồm phần khai báo tập lệnh polyfill.io. Chúng tôi đã xoá phương thức này khỏi các mẫu của mình. Nếu đã sử dụng các mẫu JavaScript có chứa nội dung khai báo này, bạn nên xoá nội dung khai báo.

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ủ dạng đường thẳng gồm các đoạn thẳ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 Thư viện trong API JavaScript Maps.

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

Hàm dựng

Polyline

Polyline([opts])

Các thông số:

opts: PolylineOptions optional

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

Phương thức
`getDraggable`	`getDraggable()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem người dùng có thể kéo hình dạng này hay không.
`getEditable`	`getEditable()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem người dùng có thể chỉnh sửa hình dạng này hay không.
`getMap`	`getMap()` Tham số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ có hình dạng này được đính kèm.
`getPath`	`getPath()` Tham số: Không có Giá trị trả về: `MVCArray<LatLng>` Truy xuất đường dẫn.
`getVisible`	`getVisible()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem poly này có hiển thị trên bản đồ hay không.
`setDraggable`	`setDraggable(draggable)` Các thông số: `draggable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặ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)` Các thông số: `editable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặ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 phân đoạn.
`setMap`	`setMap(map)` Các thông số: `map`: `Map optional` Giá trị trả lại hàng: Không có Hiển thị hình dạng này trên bản đồ được chỉ định. Nếu bản đồ được đặt thành `null`, hình dạng sẽ bị xóa.
`setOptions`	`setOptions(options)` Các thông số: `options`: `PolylineOptions optional` Giá trị trả lại hàng: Không có
`setPath`	`setPath(path)` Các thông số: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Giá trị trả lại hàng: Không có Thiết lập đường dẫn. Xem `PolylineOptions` để biết thêm chi tiết.
`setVisible`	`setVisible(visible)` Các thông số: `visible`: `boolean` Giá trị trả lại hàng: Không có Ẩn poly này nếu được đặ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 chuột 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 ngữ 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 dblclick 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 hình nhiều đường.
`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 nhiều đường.
`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 nhiều đường.
`mousedown`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện di chuột xuống 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 di chuyển chuột 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 qua Polyline.
`mouseover`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi di chuột qua hình nhiều dòng.
`mouseup`	`function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi sự kiện di chuột lên DOM được kích hoạt trên Polyline.
`rightclick`	Không dùng nữa: Thay vào đó, hãy dùng sự kiện `Polyline.contextmenu` để hỗ trợ các thói quen sử dụng như nhấp giữ kiểm soát 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 Hình nhiều đường.

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ể đặt trên 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 bạn đặ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 bạn đặ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 phân đoạn.
`geodesic optional`	Loại: `boolean optional` Mặc định: `false` Khi `true`, các cạnh của đa giác được thể hiện là đường trắc địa và sẽ tuân theo đường cong của Trái đất. Khi `false`, các cạnh của đa giác sẽ hiển thị dưới dạng các đường thẳng trong không gian màn hình. Lưu ý rằng hình dạng của đa giác trắc địa có thể thay đổi khi được 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 được kết xuất dọc theo hình nhiều đường.
`map optional`	Loại: `Map optional` Bản đồ nơi hiển thị hình nhiều đường.
`path optional`	Loại: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral> optional` Chuỗi toạ độ theo thứ tự của Hình nhiều đường. Bạn có thể chỉ định đường dẫn này bằng cách sử dụng một mảng `LatLng` đơn giản hoặc `MVCArray` của `LatLng`. 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 hình nhiều đường trên bản đồ.
`strokeColor optional`	Loại: `string optional` Màu nét vẽ. Tất cả các màu CSS3 đều được hỗ trợ, ngoại trừ các màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ nét vẽ trong khoảng từ 0,0 đến 1,0.
`strokeWeight optional`	Loại: `number optional` Độ rộng của nét vẽ tính bằng pixel.
`visible optional`	Loại: `boolean optional` Mặc định: `true` Liệu hình nhiều đường 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 poly khác.

Giao diện IconSequence

Giao diện google.maps.IconSequence

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

Nếu hình nhiều đường là đường trắc địa thì khoảng cách được chỉ định cho cả độ lệch và độ lặp lại sẽ được tính theo mét theo mặc định. 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ự sẽ có cùng chế độ xoay cố định, bất kể góc của cạnh nằm ở góc nào. Nếu là `false`, hãy xoay từng biểu tượng trong trình tự để 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 dòng.
`offset optional`	Loại: `string optional` Mặc định: `'100%'` Khoảng cách từ điểm bắt đầu của đường mà biểu tượng sẽ hiển thị. Khoảng cách này có thể được biểu thị dưới dạng phần trăm chiều dài của đường (ví dụ: "50%") hoặc 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 dòng. Khoảng cách này có thể được biểu thị dưới dạng phần trăm chiều dài của đường (ví dụ: "50%") hoặc bằng pixel (ví dụ: "50px"). Để vô hiệu hoá việc lặp lại biểu tượng, hãy chỉ định '0'.

Lớp Đa giác

Lớp google.maps.Polygon

Đa giác (như hình nhiều đường) xác định một chuỗi các toạ độ được kết nối theo một chuỗi có thứ tự. Ngoài ra, đa giác tạo thành một vòng lặp khép kín và xác định một vùng được tô màu nền. Xem các mẫu trong hướng dẫn của nhà phát triển, bắt đầu với đa giác đơn giản, đa giác có lỗ và nhiều nội dung khác. 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 giúp bạn tạo lỗ hổng theo cách đơ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 Thư viện trong API JavaScript Maps.

Hàm dựng
`Polygon`	`Polygon([opts])` Các thông số: `opts`: `PolygonOptions optional` Tạo đ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 cho các cạnh của đa giác và kiểu tô màu cho vùng bên trong đ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` gồm `LatLng` khi xây dựng 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])

Các thông số:

opts: PolygonOptions optional

Tạo đ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 cho các cạnh của đa giác và kiểu tô màu cho vùng bên trong đ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 gồm LatLng khi xây dựng 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()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem người dùng có thể kéo hình dạng này hay không.
`getEditable`	`getEditable()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem người dùng có thể chỉnh sửa hình dạng này hay không.
`getMap`	`getMap()` Tham số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ có hình dạng này được đính kèm.
`getPath`	`getPath()` Tham số: Không có Giá trị trả về: `MVCArray<LatLng>` Truy xuất đường dẫn đầu tiên.
`getPaths`	`getPaths()` Tham số: Không có Giá trị trả về: `MVCArray<MVCArray<LatLng>>` Truy xuất đường dẫn cho đa giác này.
`getVisible`	`getVisible()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem poly này có hiển thị trên bản đồ hay không.
`setDraggable`	`setDraggable(draggable)` Các thông số: `draggable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặ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)` Các thông số: `editable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặ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 phân đoạn.
`setMap`	`setMap(map)` Các thông số: `map`: `Map optional` Giá trị trả lại hàng: Không có Hiển thị hình dạng này trên bản đồ được chỉ định. Nếu bản đồ được đặt thành `null`, hình dạng sẽ bị xóa.
`setOptions`	`setOptions(options)` Các thông số: `options`: `PolygonOptions optional` Giá trị trả lại hàng: Không có
`setPath`	`setPath(path)` Các thông số: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Giá trị trả lại hàng: Không có Thiết lập đường dẫn đầu tiên. Xem `PolygonOptions` để biết thêm chi tiết.
`setPaths`	`setPaths(paths)` Các thông số: `paths`: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral>` Giá trị trả lại hàng: Không có Thiết lập đường dẫn cho đa giác này.
`setVisible`	`setVisible(visible)` Các thông số: `visible`: `boolean` Giá trị trả lại hàng: Không có Ẩn poly này nếu được đặ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 chuột 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 ngữ 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 dblclick 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 di chuột xuống 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 di chuột 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 di chuột qua Đa giác.
`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 di chuột lên DOM được kích hoạt trên Đa giác.
`rightclick`	Không dùng nữa: Thay vào đó, hãy dùng sự kiện `Polygon.contextmenu` để hỗ trợ các thói quen sử dụng như nhấp giữ kiểm soát trên macOS. `function(event)` Đối số: `event`: `PolyMouseEvent` Sự kiện này được kích hoạt khi 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 được dùng để xác định các thuộc tính có thể được đặt trên Đ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 bạn đặ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 bạn đặ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 phân đoạn.
`fillColor optional`	Loại: `string optional` Màu nền. Tất cả các màu CSS3 đều được hỗ trợ, ngoại trừ các màu được đặt tên mở rộng.
`fillOpacity optional`	Loại: `number optional` Độ mờ màu nền từ 0,0 đến 1,0
`geodesic optional`	Loại: `boolean optional` Mặc định: `false` Khi `true`, các cạnh của đa giác được thể hiện là đường trắc địa và sẽ tuân theo đường cong của Trái đất. Khi `false`, các cạnh của đa giác sẽ hiển thị dưới dạng các đường thẳng trong không gian màn hình. Lưu ý rằng hình dạng của đa giác trắc địa có thể thay đổi khi được 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 đồ nơi hiển thị Đa giác.
`paths optional`	Loại: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral> optional` Chuỗi toạ độ có thứ tự chỉ định một vòng lặp khép kín. Không giống như hình nhiều đường, đ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`. Đường dẫn sẽ tự động được đó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 đa giác đơn giản bằng một mảng `LatLng`. Các đa giác phức tạp khác có thể chỉ định một mảng 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ả các màu CSS3 đều được hỗ trợ, ngoại trừ các màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ nét vẽ trong khoảng từ 0,0 đến 1,0
`strokePosition optional`	Loại: `StrokePosition optional` Mặc định: `StrokePosition.CENTER` Vị trí nét vẽ.
`strokeWeight optional`	Loại: `number optional` Độ rộng của 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 poly 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 các hình nhiều đường 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 một điểm giữa trên đ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 được. 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à hình nhiều đường hoặc đa giác có thể chỉnh sửa được. 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 Hình chữ nhật

Lớp google.maps.Rectangle

Một 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 Thư viện trong API JavaScript Maps.

Hàm dựng
`Rectangle`	`Rectangle([opts])` Các 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()` Tham số: Không có Giá trị trả về: `LatLngBounds\|null` Trả về các ranh giới của hình chữ nhật này.
`getDraggable`	`getDraggable()` Tham số: Không có Giá trị trả về: `boolean` Trả về việc người dùng có thể kéo hình chữ nhật này hay không.
`getEditable`	`getEditable()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem người dùng có thể chỉnh sửa hình chữ nhật này hay không.
`getMap`	`getMap()` Tham số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ có hiển thị hình chữ nhật này.
`getVisible`	`getVisible()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem hình chữ nhật này có hiển thị trên bản đồ hay không.
`setBounds`	`setBounds(bounds)` Các thông số: `bounds`: `LatLngBounds\|LatLngBoundsLiteral optional` Giá trị trả lại hàng: Không có Thiết lập các ranh giới của hình chữ nhật này.
`setDraggable`	`setDraggable(draggable)` Các thông số: `draggable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặ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)` Các thông số: `editable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặ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)` Các thông số: `map`: `Map optional` Giá trị trả lại hàng: Không có Hiển thị hình chữ nhật trên bản đồ được chỉ định. Nếu bạn đặt bản đồ thành `null`, hình chữ nhật sẽ bị xoá.
`setOptions`	`setOptions(options)` Các thông số: `options`: `RectangleOptions optional` Giá trị trả lại hàng: Không có
`setVisible`	`setVisible(visible)` Các thông số: `visible`: `boolean` Giá trị trả lại hàng: Không có Ẩn hình chữ nhật này nếu được đặ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 các giới hạn của hình chữ nhật 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 chuột 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 di chuột xuống DOM đượ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 di chuột 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 di chuột lên DOM được kích hoạt trên hình chữ nhật.
`rightclick`	Không dùng nữa: Thay vào đó, hãy dùng sự kiện `Rectangle.contextmenu` để hỗ trợ các thói quen sử dụng như nhấp giữ kiểm soát trên macOS. `function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi người dùng 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 SignatureOptions dùng để xác định các thuộc tính có thể đặt cho Hình chữ nhật.

Thuộc tính
`bounds optional`	Loại: `LatLngBounds\|LatLngBoundsLiteral optional` Các 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 bạn đặ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 bạn đặ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ả các màu CSS3 đều được hỗ trợ, ngoại trừ các màu được đặt tên mở rộng.
`fillOpacity optional`	Loại: `number optional` Độ mờ màu nền từ 0,0 đến 1,0
`map optional`	Loại: `Map optional` Bản đồ nơi hiển thị Hình chữ nhật.
`strokeColor optional`	Loại: `string optional` Màu nét vẽ. Tất cả các màu CSS3 đều được hỗ trợ, ngoại trừ các màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ nét vẽ trong khoảng từ 0,0 đến 1,0
`strokePosition optional`	Loại: `StrokePosition optional` Mặc định: `StrokePosition.CENTER` Vị trí nét vẽ.
`strokeWeight optional`	Loại: `number optional` Độ rộng của 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 poly khác.

Lớp Vòng kết nối

Lớp google.maps.Circle

Một hình tròn trên bề mặt Trái Đất, còn được gọi là "mũ 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 Thư viện trong API JavaScript Maps.

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

Phương thức
`getBounds`	`getBounds()` Tham số: Không có Giá trị trả về: `LatLngBounds\|null` Lấy `LatLngBounds` của Vòng kết nối này.
`getCenter`	`getCenter()` Tham số: Không có Giá trị trả về: `LatLng\|null` Trả về tâm của vòng tròn này.
`getDraggable`	`getDraggable()` Tham số: Không có Giá trị trả về: `boolean` Trả về việc người dùng có thể kéo vòng kết nối này hay không.
`getEditable`	`getEditable()` Tham số: Không có Giá trị trả về: `boolean` Trả về việc người dùng có thể chỉnh sửa vòng kết nối này hay không.
`getMap`	`getMap()` Tham số: Không có Giá trị trả về: `Map\|null` Trả về bản đồ nơi vòng tròn này được hiển thị.
`getRadius`	`getRadius()` Tham số: Không có Giá trị trả về: `number` Trả về bán kính của hình tròn này (tính bằng mét).
`getVisible`	`getVisible()` Tham số: Không có Giá trị trả về: `boolean` Trả về xem vòng tròn này có hiển thị trên bản đồ hay không.
`setCenter`	`setCenter(center)` Các thông số: `center`: `LatLng\|LatLngLiteral optional` Giá trị trả lại hàng: Không có Đặt tâm của vòng tròn này.
`setDraggable`	`setDraggable(draggable)` Các thông số: `draggable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặt chính sách này thành `true`, người dùng có thể kéo vòng tròn này lên trên bản đồ.
`setEditable`	`setEditable(editable)` Các thông số: `editable`: `boolean` Giá trị trả lại hàng: Không có Nếu bạn đặ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ị ở tâm và xung quanh chu vi vòng tròn.
`setMap`	`setMap(map)` Các thông số: `map`: `Map optional` Giá trị trả lại hàng: Không có Hiển thị vòng tròn trên bản đồ được chỉ định. Nếu bản đồ được đặt thành `null`, vòng tròn sẽ bị xóa.
`setOptions`	`setOptions(options)` Các thông số: `options`: `CircleOptions optional` Giá trị trả lại hàng: Không có
`setRadius`	`setRadius(radius)` Các thông số: `radius`: `number` Giá trị trả lại hàng: 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)` Các thông số: `visible`: `boolean` Giá trị trả lại hàng: Không có Ẩn vòng kết nối 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 chuột 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 dblclick 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 kết nối.
`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 kết nối.
`mousedown`	`function(event)` Đối số: `event`: `MapMouseEvent` Sự kiện này được kích hoạt khi sự kiện di chuột xuống 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 di chuyển 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 kết nối.
`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 di chuột lên DOM đượ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 người dùng 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 cho một Vòng kết nối.

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 bạn đặt chính sách này thành `true`, người dùng có thể kéo vòng tròn này lên trên bản đồ.
`editable optional`	Loại: `boolean optional` Mặc định: `false` Nếu bạn đặ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ị ở tâm và xung quanh chu vi vòng tròn.
`fillColor optional`	Loại: `string optional` Màu nền. Tất cả các màu CSS3 đều được hỗ trợ, ngoại trừ các màu được đặt tên mở rộng.
`fillOpacity optional`	Loại: `number optional` Độ mờ màu nền từ 0,0 đến 1,0.
`map optional`	Loại: `Map optional` Hiển thị Vòng tròn trên bả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ả các màu CSS3 đều được hỗ trợ, ngoại trừ các màu được đặt tên mở rộng.
`strokeOpacity optional`	Loại: `number optional` Độ mờ nét vẽ trong khoảng từ 0,0 đến 1,0.
`strokePosition optional`	Loại: `StrokePosition optional` Mặc định: `StrokePosition.CENTER` Vị trí nét vẽ.
`strokeWeight optional`	Loại: `number optional` Độ rộng của 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 poly khác.

Hằng số StrokePosition

Hằng số google.maps.StrokePosition

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 Thư viện trong API JavaScript Maps.

Hằng số
`CENTER`	Nét vẽ nằm ở giữa đường đi 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 bên 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 Đa giác

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 Hình chữ nhật

Hàm dựng

Phương thức

Sự kiện

Giao diện RectangleOptions

Thuộc tính

Lớp Vòng kết nối

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ố