Polygon
Polygon 컴포넌트는 지도 위에 다각형을 그립니다.
사용법
import { Polygon } from 'react-naver-maps';
<Polygon
paths={[
[
{ lat: 37.57, lng: 126.97 },
{ lat: 37.58, lng: 126.98 },
{ lat: 37.56, lng: 126.98 },
],
]}
strokeColor="#00f"
fillColor="#00f"
fillOpacity={0.2}
/>;
Props
| 이름 | 타입 | 필수 | 기본값 | 설명 |
|---|---|---|---|---|
paths | naver.maps.ArrayOfCoords[] | naver.maps.ArrayOfCoordsLiteral[] | undefined | - | - | - |
defaultPaths | naver.maps.ArrayOfCoords[] | naver.maps.ArrayOfCoordsLiteral[] | 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 | - | - | - |