Circle
Circle 컴포넌트는 지도 위에 원을 그립니다.
사용법
import { Circle } from 'react-naver-maps';
<Circle center={{ lat: 37.5, lng: 127.0 }} radius={500} strokeColor="#f00" />;
Props
| 이름 | 타입 | 필수 | 기본값 | 설명 |
|---|---|---|---|---|
center | naver.maps.Coord | naver.maps.CoordLiteral | undefined | - | - | - |
radius | number | undefined | - | - | - |
defaultCenter | naver.maps.Coord | naver.maps.CoordLiteral | undefined | - | - | - |
defaultRadius | number | undefined | - | - | - |
clickable | boolean | undefined | - | - | - |
visible | boolean | undefined | - | - | - |
zIndex | number | undefined | - | - | - |
strokeWeight | number | undefined | - | - | - |
strokeOpacity | number | undefined | - | - | - |
strokeColor | string | undefined | - | - | - |
strokeStyle | naver.maps.StrokeStyleType | undefined | - | - | - |
strokeLineCap | naver.maps.StrokeLineCapType | undefined | - | - | - |
strokeLineJoin | naver.maps.StrokeLineJoinType | undefined | - | - | - |
fillColor | string | undefined | - | - | - |
fillOpacity | number | undefined | - | - | - |