Polygons

Lớp Polyline

Lớp google.maps.Polyline

Đường nhiều đoạn là một lớp phủ tuyến tính gồm các đoạn đường 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 Maps JavaScript API.

Polyline
Polyline([opts])
Tham số: 
Tạo một đường nhiều đoạn bằng cách sử dụng PolylineOptions đã truyền. Tham số này chỉ định cả đường dẫn của đường nhiều đoạn và kiểu nét vẽ sẽ dùng khi vẽ đường nhiều đoạn. Bạn có thể truyền một mảng gồm các LatLng hoặc một MVCArray gồm các LatLng khi tạo một đường nhiều đoạn, mặc dù các mảng đơn giản sẽ được chuyển đổi thành MVCArray trong đường nhiều đoạn khi khởi tạo.
getDraggable
getDraggable()
Tham số:  Không có
Giá trị trả về:  boolean
Trả về liệu 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 đồ mà 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ề giá trị cho biết đa giác này có xuất hiện trên bản đồ hay không.
setDraggable
setDraggable(draggable)
Tham số: 
  • draggableboolean
Giá trị trả về:  Không có
Nếu được đặt thành true, người dùng có thể kéo hình dạng này lên bản đồ. Thuộc tính geodesic xác định chế độ kéo.
setEditable
setEditable(editable)
Tham số: 
  • editableboolean
Giá trị trả về:  Không có
Nếu được đặ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 tại các đỉnh và trên mỗi đoạn.
setMap
setMap(map)
Tham số: 
  • mapMap 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 bản đồ thành null, 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ố: 
  • visibleboolean
Giá trị trả về:  Không có
Ẩn đa giác 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 vào 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 Đa tuyến.
dblclick
function(event)
Đối số: 
Sự kiện này sẽ kích hoạt khi sự kiện dblclick DOM kích hoạt trên Polyline.
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 đường nhiều đoạ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 đường nhiều đoạ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 nhiều đoạ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 DOM mousemove được kích hoạt trên Polyline.
mouseout
function(event)
Đối số: 
Sự kiện này được kích hoạt khi chuột di chuyển ra khỏi Đường nhiều đoạn.
mouseover
function(event)
Đối số: 
Sự kiện này được kích hoạt khi di chuột lên Đường nhiều đoạ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 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

google.maps.PolylineOptionsgiao diện

Đối tượng PolylineOptions dùng để xác định các thuộc tính có thể đặ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 liên quan đến chuột hay không.
draggable optional
Loại:  boolean optional
Mặc định: false
Nếu được đặt thành true, người dùng có thể kéo hình dạng này lê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 được đặ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 tại 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à đườ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 một đa giác trắc địa có thể thay đổi khi bạn kéo, vì các phương diện đượ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 nhiều đoạn.
map optional
Loại:  Map optional
Bản đồ để hiển thị Polyline.
path optional
Chuỗi 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 gồm các LatLng hoặc một MVCArray gồm các 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 một MVCArray Việc chèn hoặc xoá LatLng trong MVCArray sẽ tự động cập nhật đường nhiều đoạn 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ên mở rộng.
strokeOpacity optional
Loại:  number optional
Độ mờ của 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
Đường nhiều đoạn này có xuất hiện 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

google.maps.IconSequencegiao diện

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

Nếu đường nhiều đoạn của bạn là đường trắc địa, thì khoảng cách được chỉ định cho cả độ lệch và số lần lặp lại sẽ được tính bằng mét theo mặc định. Việc đặt độ lệch hoặc lặp lại thành 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 true, mỗi biểu tượng trong chuỗi đều có cùng độ xoay cố định, bất kể góc của cạnh mà biểu tượng nằm trên đó. Nếu false, trong trường hợp này, mỗi biểu tượng trong chuỗi 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 cần hiển thị trên đường kẻ.