-
Basic Usage
import { RCMap, Theme, TileLayer, CircleMarker, Popup, Tooltip } from 'rc-leaflet' ( <RCMap crs center> <TileLayer /> <CircleMarker center radius /> </RCMap> )
-
统一设置
Path
样式const theme = { path: { color: '#ff0000', opacity: 0.5 } } ( <Theme value={theme}> <RCMap crs center> <TileLayer /> <CircleMarker /> <CircleMarker color /> {/* 覆盖统一样式 */} </RCMap> </Theme> )
-
设置
DivOverlay
( <CircleMarker center radius> <Popup /> <Tooltip /> </CircleMarker> )
-
center
-
type:
L.LatLngExpression
-
required:
true
-
圆的中心坐标
-
-
radius
-
type:
number
-
required:
true
-
圆的中心半径, 单位像素
-
-
stroke
-
type:
boolean
-
required:
false
-
CircleMarker
是否描边
-
-
color
-
type:
string
-
required:
false
-
CircleMarker
边的颜色
-
-
opacity
-
type:
number
-
required:
false
-
CircleMarker
的透明度
-
-
lineCap
-
type:
'butt' | 'round' | 'square' | 'inherit'
-
required:
false
-
在
CircleMarker
有描边的情况下设置描边两端的形状
-
-
lineJoin
-
type:
'miter' | 'round' | 'bevel' | 'inherit'
-
required:
false
-
在
CircleMarker
有描边的情况下设置描边拐角处的形状
-
-
dashArray
-
type:
string | number[]
-
required:
false
-
在
CircleMarker
有描边的情况下设置描边段落样式
-
-
dashOffset
-
type:
string
-
required:
false
-
在
CircleMarker
有描边的情况下设置描边段落偏移量
-
-
fill
-
type:
boolean
-
required:
false
-
CircleMarker
是否填充颜色
-
-
fillColor
-
type:
string
-
required:
false
-
设置
CircleMarker
填充颜色
-
-
fillOpacity
-
type:
number
-
required:
false
-
设置
CircleMarker
填充透明度
-
-
fillRule
-
type:
'nonzero' | 'evenodd' | 'inherit'
-
required:
false
-
设置
CircleMarker
填充规则
-
-
renderer
-
type:
L.Renderer
-
required:
false
-
设置
CircleMarker
的渲染底层, 分SVG
或Canvas
-
-
className
-
tpye:
string
-
required:
false
-
设置
CircleMarker
的类名
-
-
interactive
-
type:
boolean
-
required:
false
-
CircleMarker
是否具有交互效果
-
-
bubblingMouseEvents
-
type:
boolean
-
required:
false
-
CircleMarker
的鼠标事件是否冒泡
-
-
pane
-
type:
string
-
required:
false
-
default:
overlayPane
-
放置
CircleMarker
的地图图层名称
-
-
attribution
-
type:
string
-
required:
false
-
版权描述
-
-
onCreate
-
type:
(layer: L.Layer) => void
-
required:
false
-
CircleMarker
创建之后的回调
-
-
onAdd
-
type:
(e: L.LeafletEvent, layer: L.Layer) => void
-
required:
false
-
CircleMarker
添加到图层之后的回调
-
-
onUpdate
-
type:
(layer: L.Layer) => void
-
required:
false
-
CircleMarker
发生更新之后的回调
-
-
onBeforeRemove
-
type:
(layer: L.Layer) => void
-
required:
false
-
CircleMarker
在删除之前的回调
-
-
onRemove
-
type:
(e: L.LeafletEvent, layer: L.Layer) => void
-
required:
false
-
CircleMarker
删除时的回调
-
-
onClick
-
type:
(e: L.LeafletMouseEvent) => void
-
required:
false
-
CircleMarker
鼠标点击时的回调
-
-
onMouseOver
-
type:
(e: L.LeafletMouseEvent) => void
-
required:
false
-
CircleMarker
鼠标进入时的回调
-
-
onMouseOut
-
type:
(e: L.LeafletMouseEvent) => void
-
required:
false
-
CircleMarker
鼠标离开时的回调
-