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

이름타입필수기본값설명
pathsnaver.maps.ArrayOfCoords[] | naver.maps.ArrayOfCoordsLiteral[] | undefined---
defaultPathsnaver.maps.ArrayOfCoords[] | naver.maps.ArrayOfCoordsLiteral[] | undefined---
simplifyLevelnumber | undefined--path 단순화 강도. 정수, 1 이상. 값이 클수록 더 많은 점을 줄여 렌더 성능을 높이지만 모양이 거칠어진다. 변경 시 즉시 redraw된다 (`_simplifyLevel_changed` 핸들러).
clickableboolean | undefined---
visibleboolean | undefined---
zIndexnumber | undefined---
strokeWeightnumber | undefined---
strokeOpacitynumber | undefined---
strokeColorstring | undefined---
strokeStylenaver.maps.StrokeStyleType | undefined---
strokeLineCapnaver.maps.StrokeLineCapType | undefined---
strokeLineJoinnaver.maps.StrokeLineJoinType | undefined---
fillColorstring | undefined---
fillOpacitynumber | undefined---