Polygons

Polyline

google.maps.Polyline

折线是地图上的连接线段的线性叠加层。

此类扩展了 MVCObject

通过调用 const {Polyline} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库

Polyline
Polyline([opts])
参数: 
使用传递的 PolylineOptions 创建多段线,该参数指定了多段线的路径以及绘制多段线时要使用的笔触样式。在构建多段线时,您可以传递 LatLng 数组或 LatLngMVCArray,不过简单数组在实例化时会转换为多段线内的 MVCArray
getDraggable
getDraggable()
参数:无
返回值:  boolean
返回相应形状是否可供用户拖动。
getEditable
getEditable()
参数:无
返回值:  boolean
返回用户是否可以修改此形状。
getMap
getMap()
参数:无
返回值:  Map|null
返回此形状所附加到的地图。
getPath
getPath()
参数:无
返回值:  MVCArray<LatLng>
检索路径。
getVisible
getVisible()
参数:无
返回值:  boolean
返回相应多边形在地图上是否可见。
setDraggable
setDraggable(draggable)
参数: 
  • draggableboolean
返回值:无
如果设置为 true,用户可以在地图上拖动此形状。geodesic 属性用于定义拖动模式。
setEditable
setEditable(editable)
参数: 
  • editableboolean
返回值:无
如果设置为 true,用户可以通过拖动顶点和每个线段上显示的控制点来修改此形状。
setMap
setMap(map)
参数: 
  • mapMap optional
返回值:无
在指定地图上渲染此形状。如果将地图设置为 null,则会移除相应形状。
setOptions
setOptions(options)
参数: 
返回值:无
setPath
setPath(path)
参数: 
返回值:无
设置路径。如需了解详情,请参阅 PolylineOptions
setVisible
setVisible(visible)
参数: 
  • visibleboolean
返回值:无
如果设置为 false,则隐藏此多边形。
继承自addListenerbindTogetnotifysetsetValuesunbindunbindAll
click
function(event)
实参: 
对折线触发 DOM click 事件时会触发此事件。
contextmenu
function(event)
实参: 
当在折线上触发 DOM contextmenu 事件时,会触发此事件。
dblclick
function(event)
实参: 
对折线触发 DOM dblclick 事件时会触发此事件。
drag
function(event)
实参: 
在用户拖动折线时,此事件会反复触发。
dragend
function(event)
实参: 
当用户停止拖动折线时触发此事件。
dragstart
function(event)
实参: 
当用户开始拖动折线时触发此事件。
mousedown
function(event)
实参: 
对折线触发 DOM mousedown 事件时会触发此事件。
mousemove
function(event)
实参: 
对折线触发 DOM mousemove 事件时会触发此事件。
mouseout
function(event)
实参: 
此事件针对折线 mouseout 触发。
mouseover
function(event)
实参: 
此事件针对折线 mouseover 触发。
mouseup
function(event)
实参: 
对折线触发 DOM mouseup 事件时会触发此事件。
rightclick
function(event)
实参: 
右键点击折线时会触发此事件。

PolylineOptions 接口

google.maps.PolylineOptions 接口

用于定义可在 Polyline 上设置的属性的 PolylineOptions 对象。

clickable optional
类型:  boolean optional
默认值true
指示此 Polyline 是否处理鼠标事件。
draggable optional
类型:  boolean optional
默认值false
如果设置为 true,用户可以在地图上拖动此形状。geodesic 属性用于定义拖动模式。
editable optional
类型:  boolean optional
默认值false
如果设置为 true,用户可以通过拖动顶点和每个线段上显示的控制点来修改此形状。
geodesic optional
类型:  boolean optional
默认值false
如果值为 true,则多边形的边会被解读为测地线,并会遵循地球的曲率。当值为 false 时,多边形的边在屏幕空间中渲染为直线。请注意,测地多边形的形状在拖动时可能会发生变化,因为其尺寸是相对于地球表面保持不变的。
icons optional
类型:  Array<IconSequence> optional
要沿多段线渲染的图标。
map optional
类型:  Map optional
要在其上显示折线的地图。
path optional
类型:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional
折线坐标的有序序列。可以使用简单的 LatLng 数组或 LatLngMVCArray 来指定此路径。请注意,如果您传递的是一个简单数组,系统会将其转换为 MVCArray。在 MVCArray 中插入或移除 LatLng 会自动更新地图上的多段线。
strokeColor optional
类型:  string optional
笔触颜色。支持所有 CSS3 颜色,扩展的已命名颜色除外。
strokeOpacity optional
类型:  number optional
笔触透明度,范围为 0.0 到 1.0。
strokeWeight optional
类型:  number optional
笔触宽度(以像素为单位)。
visible optional
类型:  boolean optional
默认值true
相应多段线在地图上是否可见。
zIndex optional
类型:  number optional
相对于其他折线的 zIndex。

IconSequence 接口

google.maps.IconSequence 接口

描述如何在行上呈现图标。

如果您的多段线为测地线,则默认以米为单位计算为偏移和重复指定的距离。如果将偏移或重复设置为像素值,则系统会以屏幕上的像素为单位计算距离。

fixedRotation optional
类型:  boolean optional
默认值false
如果值为 true,则序列中的每个图标都具有相同的固定旋转角度,无论它位于哪个边的角度。如果为 false,则会旋转序列中的每个图标,使其与边缘对齐。
icon optional
类型:  Symbol optional
要在相应行上呈现的图标。
offset optional
类型:  string optional
默认值'100%'
图标的渲染位置距线条起点的距离。该距离可以线条长度百分比(例如“50%”)或像素(例如“50 像素”)表示。
repeat optional
类型:  string optional
默认值0
线条上连续图标的间距。该距离可以线条长度百分比(例如“50%”)或像素(例如“50 像素”)表示。若要停用图标重复,请指定“0”。

Polygon

google.maps.Polygon

多边形(如多段线)定义了一系列按顺序排列的相连坐标。此外,多边形会形成闭合环路并定义填充区域。请参阅开发者指南中的示例,从简单多边形带孔的多边形等开始。请注意,您还可以使用数据层创建多边形。数据图层提供了一种更简单的创建孔洞的方式,因为它会为您处理内外侧路径的顺序。

此类扩展了 MVCObject

通过调用 const {Polygon} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库

Polygon
Polygon([opts])
参数: 
使用传递的 PolygonOptions 创建一个多边形,该参数用于指定多边形的路径、多边形边缘的描边样式以及多边形内部区域的填充样式。一个多边形可以包含一条或多条路径,其中每条路径都由一个 LatLng 数组组成。构造这些路径时,您可以传递 LatLng 数组或 LatLngMVCArray。在实例化时,数组会转换为多边形内的 MVCArray
getDraggable
getDraggable()
参数:无
返回值:  boolean
返回相应形状是否可供用户拖动。
getEditable
getEditable()
参数:无
返回值:  boolean
返回用户是否可以修改此形状。
getMap
getMap()
参数:无
返回值:  Map|null
返回此形状所附加到的地图。
getPath
getPath()
参数:无
返回值:  MVCArray<LatLng>
检索第一条路径。
getPaths
getPaths()
参数:无
返回值:  MVCArray<MVCArray<LatLng>>
检索相应多边形的路径。
getVisible
getVisible()
参数:无
返回值:  boolean
返回相应多边形在地图上是否可见。
setDraggable
setDraggable(draggable)
参数: 
  • draggableboolean
返回值:无
如果设置为 true,用户可以在地图上拖动此形状。geodesic 属性用于定义拖动模式。
setEditable
setEditable(editable)
参数: 
  • editableboolean
返回值:无
如果设置为 true,用户可以通过拖动顶点和每个线段上显示的控制点来修改此形状。
setMap
setMap(map)
参数: 
  • mapMap optional
返回值:无
在指定地图上渲染此形状。如果将地图设置为 null,则会移除相应形状。
setOptions
setOptions(options)
参数: 
返回值:无
setPath
setPath(path)
参数: 
返回值:无
设置第一条路径。如需了解详情,请参阅 PolygonOptions
setPaths
setPaths(paths)
返回值:无
为此多边形设置路径。
setVisible
setVisible(visible)
参数: 
  • visibleboolean
返回值:无
如果设置为 false,则隐藏此多边形。
继承自