Leaflet API - Circle 圆形 中文文档
本文介绍下 Leaflet 中 Circle 圆形 API的详细使用说明。
Circle 圆形 API 调用方法
一个用于在地图上绘制圆形覆盖物的类。扩展自
CircleMarker
。
这是一个近似值,在接近两极时开始与真实的圆相背离(由于投影失真)。
使用示例
L.circle([50.5, 30.5], {radius: 200}).addTo(map);
Creation
构造函数 | 说明 |
---|---|
L.circle(
|
给出一个地理点和一个包含圆半径的选项对象,实例化一个 circle 对象。 |
L.circle(
|
为了与 0.7.x 代码兼容,实例化 circle 的方法已经过时了。请不要在新的应用程序或插件中使用。 |
Options 选项
选项 | 类型 | 默认值 | 说明 |
---|---|---|---|
radius
|
Number |
|
圆的半径,以米为单位。 |
选项 | 类型 | 默认值 | 说明 |
---|---|---|---|
stroke
|
Boolean |
true |
是否沿路径绘制边框。把它设置为false
,可以禁用多边形或圆形的边框。
|
color
|
String |
'#3388ff' |
Stroke(描边)颜色 |
weight
|
Number |
3 |
Stroke(描边)宽度,单位:像素 |
opacity
|
Number |
1.0 |
Stroke(描边)的不透明度 |
lineCap
|
String |
'round' |
定义描边 结束时使用的形状 的字符串。 |
lineJoin
|
String |
'round' |
定义在描边 转角处使用的形状 的字符串。 |
dashArray
|
String |
null |
一个定义描边的点画线的
图案范式的字符串。 在一些旧的浏览器中,对 Canvas -powered 图层不起作用。
|
dashOffset
|
String |
null |
一个字符串,它定义了进入
dash 范式的距离,以 dash 开始。 在一些旧的浏览器中,对 Canvas -powered 图层不起作用。
|
fill
|
Boolean |
depends |
是否对路径进行颜色填充。设置为
false 可以禁止对多边形或圆形的填充。
|
fillColor
|
String |
* |
填充颜色。默认为
color
选项的值。
|
fillOpacity
|
Number |
0.2 |
填充的不透明度。 |
fillRule
|
String |
'evenodd' |
一个字符串,定义 形状的内部区域 是如何被确定的。 |
bubblingMouseEvents
|
Boolean |
true |
当为
true 时,这个路径上的鼠标事件将在地图上触发相同的事件
(除非使用
L.DomEvent.stopPropagation
)。
|
renderer
|
Renderer
|
|
在这个路径上使用这个特定的
Renderer(渲染器)
实例。 优先于地图的
default renderer(默认渲染器)。
|
className
|
String |
null |
在一个元素上设置的自定义类名。仅适用于 SVG 渲染器。 |
选项 | 类型 | 默认值 | 说明 |
---|---|---|---|
interactive
|
Boolean |
true |
如果是 false ,
该图层将不会发出鼠标事件,而是作为底层地图的一部分。
|
选项 | 类型 | 默认值 | 说明 |
---|---|---|---|
pane
|
String |
'overlayPane' |
默认情况下,该图层将被添加到地图的 overlay pane(覆盖窗格)中。 覆盖该选项将导致该图层被默认放置在另一个窗格中。 |
attribution
|
String |
null |
归属控制中要显示的字符串,例如 "© OpenStreetMap 贡献者"。 它描述了图层数据,通常是对版权所有者和瓦片提供者的法律义务。 |
Events 事件
事件 | 数据 | 说明 |
---|---|---|
click
|
MouseEvent
|
当用户 click 或 tap 该图层时触发。 |
dblclick
|
MouseEvent
|
当用户 double-click 或 double-tap 该图层时触发。 |
mousedown
|
MouseEvent
|
当用户在该图层上按下鼠标按钮时触发。 |
mouseup
|
MouseEvent
|
当用户在该图层上释放按下的鼠标按钮时触发。 |
mouseover
|
MouseEvent
|
鼠标进入该图层时触发。 |
mouseout
|
MouseEvent
|
当鼠标离开该图层时触发。 |
contextmenu
|
MouseEvent
|
当用户在图层上点击右键时触发,如果该事件有监听者,可以防止显示默认的浏览器上下文菜单。在手机上,当用户保持单次触摸一秒钟(也叫长按)时也会触发。 |
事件 | 数据 | 说明 |
---|---|---|
popupopen
|
PopupEvent
|
当绑定到该层的 popup 打开时触发 |
popupclose
|
PopupEvent
|
当绑定到该层的 popup 关闭时触发 |
事件 | 数据 | 说明 |
---|---|---|
tooltipopen
|
TooltipEvent
|
当绑定到该层的 tooltip 打开时触发。 |
tooltipclose
|
TooltipEvent
|
当绑定到该层的 tooltip 关闭时触发。 |
Methods 方法
方法 | 返回值 | 说明 |
---|---|---|
setRadius(
|
this |
设置一个圆的半径。单位是米。 |
getRadius()
|
Number |
返回一个圆的当前半径。单位是米。 |
getBounds()
|
LatLngBounds
|
返回路径的
|
方法 | 返回值 | 说明 |
---|---|---|
redraw()
|
this |
重绘该图层。在你改变了路径使用的坐标后,有时会很有用。 |
setStyle(
|
this |
根据
|
bringToFront()
|
this |
将该图层置于所有路径图层的顶部。 |
bringToBack()
|
this |
将该图层置于所有路径图层的底部。 |
方法 | 返回值 | 说明 |
---|---|---|
addTo(
|
this |
将图层添加到指定的地图或图层组(LayerGroup)。 |
remove()
|
this |
从当前处于活动状态的地图中删除图层。 |
removeFrom(
|
this |
从指定的地图中删除图层 |
removeFrom(
|
this |
从指定的
|
getPane(
|
HTMLElement |
返回代表地图上指定窗格的
|
getAttribution()
|
String |
由 |
方法 | 返回值 | 说明 |
---|---|---|
bindPopup(
|
this |
将一个弹出式窗口与传入的
|
unbindPopup()
|
this |
移除之前用 |
openPopup(
|
this |
在指定的
|
closePopup()
|
this |
如果与当前图层绑定的弹窗(popup)时打开的,则关闭当前弹窗。 |
togglePopup()
|
this |
根据当前状态,打开或关闭与该层绑定的弹出窗口。 |
isPopupOpen()
|
boolean |
如果与该层绑定的弹出窗口当前已打开,则返回
|
setPopupContent(
|
this |
设置绑定到该图层的弹出窗口的内容。 |
getPopup()
|
Popup
|
返回绑定到该图层的弹出窗口。 |
方法 | 返回值 | 说明 |
---|---|---|
bindTooltip(
|
this |
将工具提示(tooltip)绑定到传入的图层
|
unbindTooltip()
|
this |
移除之前用
|
openTooltip(
|
this |
在指定的
|
closeTooltip()
|
this |
如果该图层处于打开状态,则关闭绑定到该图层的工具提示。 |
toggleTooltip()
|
this |
根据当前状态打开或关闭绑定到该图层的工具提示。 |
isTooltipOpen()
|
boolean |
如果该层绑定的工具提示当前已打开,则返回
|
setTooltipContent(
|
this |
设置绑定到该层的工具提示的内容。 |
getTooltip()
|
Tooltip
|
返回绑定到该层的工具提示。 |
方法 | 返回值 | 说明 |
---|---|---|
on(
|
this |
为对象的特定事件类型添加一个监听函数( |
on(
|
this |
添加一组 type/listener,例如
|
off(
|
this |
移除一个先前添加的监听器函数。如果没有指定函数,它将从对象中删除该特定事件的所有监听器。请注意,如果您向
|
off(
|
this |
删除一组 type/listener |
off()
|
this |
移除该对象上所有事件的所有监听器。这包括隐含的附加事件。 |
fire(
|
this |
触发指定类型的事件。您可以选择提供一个数据对象——侦听器函数的第一个参数将包含其属性,事件可以选择性地传播到事件父级。 |
listens(
|
Boolean |
如果一个特定的事件类型有任何监听器连接到它,则返回
|
once(…)
|
this |
与 |
addEventParent(
|
this |
向父级
|
removeEventParent(
|
this |
删除之前向父级
|
addEventListener(…)
|
this |
同 |
removeEventListener(…)
|
this |
同 |
clearAllEventListeners(…)
|
this |
同 |
addOneTimeEventListener(…)
|
this |
同
|
fireEvent(…)
|
this |
同
|
hasEventListeners(…)
|
Boolean |
其他API
Leaflet中文API文档手机(v.19版本)参考:《Leaflet中文API文档手机(v.19版本)》
相关阅读
声明
1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。
2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。