Polygons

Lớp Polyline

class google.maps.Polyline extends MVCObject
library "maps"

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

const {Polyline} = await google.maps.importLibrary("maps");
Polyline
Polyline([opts])
Tham số:
Tạo một hình nhiều đường bằng cách sử dụng PolylineOptions được truyền, trong đó chỉ định cả đường dẫn của hình nhiều đường và kiểu nét vẽ cần dùng khi vẽ hình nhiều đường. Bạn có thể truyền một mảng LatLng hoặc một MVCArray của LatLng khi tạo 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 thực thể.
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 dạng 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 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ó đính kèm hình dạng này.
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ề việc đa giác này có hiển thị trên bản đồ hay không.
setDraggable
setDraggable(draggable)
Tham số:
  • draggable: boolean
Giá trị trả về: 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)
Tham số:
  • editable: boolean
Giá trị trả về: 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 xuất hiện ở các đỉnh và trên mỗi đoạn.
setMap
setMap(map)
Tham số:
  • map: Map optional
Giá trị trả về: 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, thì hình dạng sẽ bị xoá.
setOptions
setOptions(options)
Tham số:
Giá trị trả về: Không có
setPath
setPath(path)
Tham 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)
Tham số:
  • visible: boolean
Giá trị trả về: Không có
Ẩn đa giác này nếu bạn đặt thành false.
Được 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 contextmenu 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 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 lên Hình nhiều đường.
mouseup
function(event)
Đối số:
Sự kiện này được kích hoạt khi sự kiện mouseup 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 người dùng 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ể đặt trên một Polyline.
clickable
không bắt buộc
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
không bắt buộc
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
không bắt buộc
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 xuất hiện ở các đỉnh và trên mỗi đoạn.
geodesic
không bắt buộc
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à đường trắc địa 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 trắc địa có thể thay đổi khi được kéo, vì kích thước được duy trì tương ứng với bề mặt trái đất.
icons
không bắt buộc
Loại: Array<IconSequence> optional
Biểu tượng sẽ được kết xuất dọc theo hình nhiều đường.
map
không bắt buộc
Loại: Map optional
Bản đồ để hiển thị Polyline.
path
không bắt buộc
Trình tự toạ độ được sắp xếp 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 đơn giản gồm các LatLng hoặc một MVCArray gồm các 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
không bắt buộc
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ên mở rộng.
strokeOpacity
không bắt buộc
Loại: number optional
Độ mờ của nét vẽ từ 0 đến 1.
strokeWeight
không bắt buộc
Loại: number optional
Độ rộng của nét vẽ tính bằng pixel.
visible
không bắt buộc
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
không bắt buộc
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ị biểu tượng trên một đường.

Nếu hình nhiều đường của bạn 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 bằng mét theo mặc định. Nếu bạn đặt độ lệch hoặc lặp lại thành giá trị pixel, thì khoảng cách sẽ được tính bằng pixel trên màn hình.
fixedRotation
không bắt buộc
Loại: boolean optional
Mặc định: false
Nếu true, mỗi biểu tượng trong trình tự sẽ 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 false, 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
không bắt buộc
Loại: Symbol optional
Biểu tượng để hiển thị trên dòng.
offset
không bắt buộc
Loại: string optional
Mặc định: '100%'
Khoảng cách từ điểm bắt đầu của đường mà tại đó biểu tượng sẽ được hiển thị. 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 (ví dụ: "50%") hoặc bằng pixel (ví dụ: "50px").
repeat
không bắt buộc
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 thẳ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 (ví dụ: "50%") hoặc bằng pixel (ví dụ: "50px"). Để tắt tính năng lặp lại biểu tượng, hãy chỉ định "0".

Lớp Polygon

class google.maps.Polygon extends MVCObject
library "maps"

Hình đa giác (giống như hình nhiều đường) 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 khép kín và xác định một vùng được lấp đầy. Xem các mẫu trong hướng dẫn dành cho nhà phát triển, bắt đầu bằng đa giác đơn giản, đa giác có lỗ, v.v. 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 một cách đơn giản hơn để tạo lỗ vì lớp này xử lý thứ tự của các đường dẫn bên trong và bên ngoài cho bạn.

const {Polygon} = await google.maps.importLibrary("maps");
Polygon
Polygon([opts])
Tham số:
Tạo một đa giác bằng cách sử dụng PolygonOptions được 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ô 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 thực thể.
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 dạng 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 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ó đính kèm hình dạng này.
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 các đường dẫn cho đa giác này.
getVisible
getVisible()
Tham số: Không có
Giá trị trả về: boolean
Trả về việc đa giác này có hiển thị trên bản đồ hay không.
setDraggable
setDraggable(draggable)
Tham số:
  • draggable: boolean
Giá trị trả về: 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)
Tham số:
  • editable: boolean
Giá trị trả về: 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 xuất hiện ở các đỉnh và trên mỗi đoạn.
setMap
setMap(map)
Tham số:
  • map: Map optional
Giá trị trả về: 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, thì hình dạng sẽ bị xoá.
setOptions
setOptions(options)
Tham số:
Giá trị trả về: Không có
setPath
setPath(path)
Tham 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)
Tham số:
Giá trị trả về: Không có
Đặt đường dẫn cho đa giác này.
setVisible
setVisible(visible)
Tham số:
  • visible: boolean
Giá trị trả về: Không có
Ẩn đa giác này nếu bạn đặt thành false.
Được 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 contextmenu 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 nhiều lần 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 di chuột ra khỏi Đa giác.
mouseover
function(event)
Đối số:
Sự kiện này được kích hoạt khi di chuột lên Đa giác.
mouseup
function(event)
Đối số:
Sự kiện này được kích hoạt khi sự kiện mouseup 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 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ể đặt trên Polygon.
clickable
không bắt buộc
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
không bắt buộc
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
không bắt buộc
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 xuất hiện ở các đỉnh và trên mỗi đoạn.
fillColor
không bắt buộc
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ên mở rộng.
fillOpacity
không bắt buộc
Loại: number optional
Độ mờ của màu tô từ 0 đến 1
geodesic
không bắt buộc
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à đường trắc địa 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 trắc địa có thể thay đổi khi được kéo, vì kích thước được duy trì tương ứng với bề mặt trái đất.
map
không bắt buộc
Loại: Map optional
Bản đồ để hiển thị Đa giác.
paths
không bắt buộc
Trình tự 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, một đ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 được đóng tự độ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 duy nhất. Đ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
không bắt buộc
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ên mở rộng.
strokeOpacity
không bắt buộc
Loại: number optional
Độ mờ của nét vẽ từ 0 đến 1
strokePosition
không bắt buộc
Loại: StrokePosition optional
Mặc định: StrokePosition.CENTER
Vị trí nét vẽ.
strokeWeight
không bắt buộc
Loại: number optional
Độ rộng của nét vẽ tính bằng pixel.
visible
không bắt buộc
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
không bắt buộc
Loại: number optional
zIndex so với các đa giác khác.

Giao diện PolyMouseEvent

interface google.maps.PolyMouseEvent extends MapMouseEvent

Đối tượng này được trả về từ các sự kiện chuột trên hình nhiều đường và đa giác.
edge
không bắt buộc
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 ở điểm giữa trên đa giác có thể chỉnh sửa.
path
không bắt buộc
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, hãy undefined.
vertex
không bắt buộc
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à có thể chỉnh sửa hình nhiều đường hoặc đa giác. Nếu sự kiện không xảy ra trên đỉnh, thì giá trị sẽ là undefined.
Được kế thừa: domEvent, latLng
Được kế thừa: stop

Lớp Rectangle

class google.maps.Rectangle extends MVCObject
library "maps"

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

const {Rectangle} = await google.maps.importLibrary("maps");
Rectangle
Rectangle([opts])
Tham số:
Tạo một hình chữ nhật bằng cách sử dụng RectangleOptions được truyền, chỉ định ranh giới và kiểu.
getBounds
getBounds()
Tham 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()
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ề việc 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 đồ hiển thị hình chữ nhật này.
getVisible
getVisible()
Tham số: Không có
Giá trị trả về: boolean
Trả về việc hình chữ nhật này có hiển thị trên bản đồ hay không.
setBounds
setBounds(bounds)
Tham số:
Giá trị trả về: Không có
Đặt ranh giới của hình chữ nhật này.
setDraggable
setDraggable(draggable)
Tham số:
  • draggable: boolean
Giá trị trả về: 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)
Tham số:
  • editable: boolean
Giá trị trả về: 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 xuất hiện ở các góc và trên mỗi cạnh.
setMap
setMap(map)
Tham số:
  • map: Map optional
Giá trị trả về: Không có
Hiển thị hình chữ nhật trên bản đồ được chỉ định. Nếu bản đồ được đặt thành null, thì hình chữ nhật sẽ bị xoá.
setOptions
setOptions(options)
Tham số:
Giá trị trả về: Không có
setVisible
setVisible(visible)
Tham số:
  • visible: boolean
Giá trị trả về: Không có
Ẩn hình chữ nhật này nếu được đặt thành false.
Được 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 ranh giới 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 contextmenu 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 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 mousedown 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 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 chuột di chuyển ra ngoà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 mouseup 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 RectangleOptions dùng để xác định các thuộc tính có thể đặt trên một Hình chữ nhật.
bounds
không bắt buộc
Ranh giới.
clickable
không bắt buộc
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
không bắt buộc
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
không bắt buộc
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 xuất hiện ở các góc và trên mỗi cạnh.
fillColor
không bắt buộc
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ên mở rộng.
fillOpacity
không bắt buộc
Loại: number optional
Độ mờ của màu nền từ 0 đến 1
map
không bắt buộc
Loại: Map optional
Bản đồ để hiển thị Hình chữ nhật.
strokeColor
không bắt buộc
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ên mở rộng.
strokeOpacity
không bắt buộc
Loại: number optional
Độ mờ của nét vẽ từ 0 đến 1
strokePosition
không bắt buộc
Loại: StrokePosition optional
Mặc định: StrokePosition.CENTER
Vị trí nét vẽ.
strokeWeight
không bắt buộc
Loại: number optional
Độ rộng của nét vẽ tính bằng pixel.
visible
không bắt buộc
Loại: boolean optional
Mặc định: true
Cho biết hình chữ nhật này có hiển thị trên bản đồ hay không.
zIndex
không bắt buộc
Loại: number optional
zIndex so với các đa giác khác.

Lớp Circle

class google.maps.Circle extends MVCObject
library "maps"

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

const {Circle} = await google.maps.importLibrary("maps");
Circle
Circle([circleOrCircleOptions])
Tham số:
Tạo một vòng tròn bằng cách sử dụng CircleOptions được 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 Hình tròn này.
getCenter
getCenter()
Tham số: Không có
Giá trị trả về: LatLng|null
Trả về tâm của đườ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 hình tròn 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 tròn này hay không.
getMap
getMap()
Tham số: Không có
Giá trị trả về: Map|null
Trả về bản đồ hiển thị hình tròn này.
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ề việc hình tròn này có hiển thị trên bản đồ hay không.
setCenter
setCenter(center)
Tham số:
Giá trị trả về: Không có
Đặt tâm của vòng tròn này.
setDraggable
setDraggable(draggable)
Tham số:
  • draggable: boolean
Giá trị trả về: Không có
Nếu bạn đặ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)
Tham số:
  • editable: boolean
Giá trị trả về: Không có
Nếu bạn đặt thành true, người dùng có thể chỉnh sửa hình tròn này bằng cách kéo các điểm điều khiển xuất hiện ở giữa và xung quanh chu vi của hình tròn.
setMap
setMap(map)
Tham số:
  • map: Map optional
Giá trị trả về: Không có
Hiển thị hình tròn trên bản đồ được chỉ định. Nếu bản đồ được đặt thành null, thì hình tròn sẽ bị xoá.
setOptions
setOptions(options)
Tham số:
Giá trị trả về: Không có
setRadius
setRadius(radius)
Tham 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)
Tham số:
  • visible: boolean
Giá trị trả về: Không có
Ẩn vòng tròn này nếu bạn đặt thành false.
Được 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 hình 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 hình tròn.
drag
function(event)
Đối số:
Sự kiện này được kích hoạt nhiều lần trong khi người dùng kéo hình 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 hình 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 hình 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 hình 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 lên hình tròn.
mouseup
function(event)
Đối số:
Sự kiện này được kích hoạt khi sự kiện mouseup DOM được kích hoạt trên hình 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 hình 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 hình tròn.

Giao diện CircleOptions

giao diện google.maps.CircleOptions
được mở rộng bởi CircleLiteral

Đối tượng CircleOptions dùng để xác định các thuộc tính có thể đặt trên một Hình tròn.
center
không bắt buộc
Loại: LatLng|LatLngLiteral optional
Tâm của hình tròn.
clickable
không bắt buộc
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
không bắt buộc
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 tròn này trên bản đồ.
editable
không bắt buộc
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 tròn này bằng cách kéo các điểm điều khiển xuất hiện ở giữa và xung quanh chu vi của hình tròn.
fillColor
không bắt buộc
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ên mở rộng.
fillOpacity
không bắt buộc
Loại: number optional
Độ mờ của màu tô từ 0 đến 1.
map
không bắt buộc
Loại: Map optional
Bản đồ để hiển thị Hình tròn.
radius
không bắt buộc
Loại: number optional
Bán kính tính bằng mét trên bề mặt Trái Đất.
strokeColor
không bắt buộc
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ên mở rộng.
strokeOpacity
không bắt buộc
Loại: number optional
Độ mờ của nét vẽ từ 0 đến 1.
strokePosition
không bắt buộc
Loại: StrokePosition optional
Mặc định: StrokePosition.CENTER
Vị trí nét vẽ.
strokeWeight
không bắt buộc
Loại: number optional
Độ rộng của nét vẽ tính bằng pixel.
visible
không bắt buộc
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
không bắt buộc
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
thư viện "maps"

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

const {StrokePosition} = await google.maps.importLibrary("maps");
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ẽ nằm bên trong đa giác và một nửa nét vẽ nằm 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.