Interface CustomOverlayCircle

Object describing an SVG <circle> element drawn on the map

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/circle

interface CustomOverlayCircle {
    animate?: SVGAttributes<SVGAnimateElement>;
    animateMotion?: SVGAttributes<SVGAnimateMotionElement>;
    className?: string;
    cx: string;
    cy: string;
    data?: Record<string, any>;
    defs?: boolean;
    fill?: string;
    fillOpacity?: string | number;
    id?: string;
    mpath?: SVGMPathElement;
    onClick?: ((data) => void);
    pathLength: number;
    r: string;
    stroke?: string;
    strokeDasharray?: string | number;
    strokeDashoffset?: string | number;
    strokeLineCap?: "square" | "butt" | "round";
    strokeLineJoin?: "round" | "miter";
    strokeOpacity?: string | number;
    strokeWidth?: number;
    style?: CSSProperties;
    type: "circle";
}

Properties

animate?: SVGAttributes<SVGAnimateElement>
animateMotion?: SVGAttributes<SVGAnimateMotionElement>
className?: string
cx: string
cy: string
data?: Record<string, any>

Arbitrary data for use with onClick handler

defs?: boolean

true will result in the element being wrapped in a <defs> (default: false)

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs

fill?: string
fillOpacity?: string | number
id?: string
mpath?: SVGMPathElement
onClick?: ((data) => void)

Type declaration

    • (data): void
    • Parameters

      • data: Record<string, any>

      Returns void

pathLength: number
r: string
stroke?: string
strokeDasharray?: string | number
strokeDashoffset?: string | number
strokeLineCap?: "square" | "butt" | "round"
strokeLineJoin?: "round" | "miter"
strokeOpacity?: string | number
strokeWidth?: number
style?: CSSProperties
type: "circle"