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.
Polyline
Polyline([opts])
Thông số: 
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.
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ố: 
Giá trị trả về:  Không có
setPath
setPath(path)
Thông số: 
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
click
function(event)
Đối số: 
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ố: 
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ố: 
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ố: 
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 đường đa tuyến.
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 đường đa tuyến.
mousedown
function(event)
Đối số: 
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ố: 
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ố: 
Sự kiện này được kích hoạt khi di chuột ra khỏi Polyline.
mouseover
function(event)
Đối số: 
Sự kiện này được kích hoạt khi di chuột qua Polyline.
mouseup
function(event)
Đối số: 
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
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 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.
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
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.
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.
Polygon
Polygon([opts])
Thông số: 
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.
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ố: 
Giá trị trả về:  Không có
setPath
setPath(path)
Thông số: 
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ố: 
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
click
function(event)
Đối số: 
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ố: 
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ố: 
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ố: 
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 mousedown 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 mousemove 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 Polygon mouseout.
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 DOM mouseup đượ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 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.
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
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.

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
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.
Rectangle
Rectangle([opts])
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()
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ố: 
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ố: 
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
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ố: 
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ố: 
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 DOM mousedown đượ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 mousemove 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 DOM mouseup đượ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 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.
bounds 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.
Circle
Circle([circleOrCircleOptions])
Thông số: 
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.
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ố: 
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ố: 
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
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 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 nhấp đúp 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 tròn.
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 tròn.
mousedown
function(event)
Đối số: 
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ố: 
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ố: 
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ố: 
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 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ố: 
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.
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.
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.