Skip to content

Latest commit

 

History

History
283 lines (160 loc) · 3.86 KB

CircleMarker.md

File metadata and controls

283 lines (160 loc) · 3.86 KB

CircleMarker

Examples

  • 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>
    )

Props

  • center

    • type: L.LatLngExpression

    • required: true

    • 圆的中心坐标

  • radius

    • type: number

    • required: true

    • 圆的中心半径, 单位像素

Props inherited from Path

  • 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的渲染底层, 分SVGCanvas

  • className

    • tpye: string

    • required: false

    • 设置CircleMarker的类名

Props inherited from InteractiveLayer

  • interactive

    • type: boolean

    • required: false

    • CircleMarker是否具有交互效果

  • bubblingMouseEvents

    • type: boolean

    • required: false

    • CircleMarker的鼠标事件是否冒泡

Props inherited from Layer

  • 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删除时的回调

Props inherited from Evented

  • 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鼠标离开时的回调