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.
Polyline
Polyline([opts])
Các thông số: 
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.
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ố: 
Giá trị trả lại hàng: Không có
setPath
setPath(path)
Các thông số: 
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
click
function(event)
Đối số: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
Sự kiện này được kích hoạt khi di chuột qua Polyline.
mouseover
function(event)
Đối số: 
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ố: 
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
function(event)
Đối số: 
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.
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
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.
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.
Polygon
Polygon([opts])
Các thông số: 
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.
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ố: 
Giá trị trả lại hàng: Không có
setPath
setPath(path)
Các thông số: 
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ố: 
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
click
function(event)
Đối số: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
Sự kiện này được kích hoạt khi di chuột qua Đa giác.
mouseover
function(event)
Đối số: 
Sự kiện này được kích hoạt khi di chuột qua Đa giác.
mouseup
function(event)
Đối số: 
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
function(event)
Đối số: 
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.
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
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.

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
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.
Rectangle
Rectangle([opts])
Các thông số: 
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.
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ố: 
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ố: 
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
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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
function(event)
Đối số: 
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.
bounds 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.
Circle
Circle([circleOrCircleOptions])
Các thông số: 
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.
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ố: 
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ố: 
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
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
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ố: 
Sự kiện này được kích hoạt khi di chuột qua vòng tròn.
mouseup
function(event)
Đối số: 
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ố: 
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.
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.
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.