Polyline

Polyline 컴포넌트는 지도 위에 선을 그립니다.

사용법

import { Polyline } from 'react-naver-maps';

<Polyline
  path={[
    { lat: 37.55, lng: 126.97 },
    { lat: 37.56, lng: 126.98 },
    { lat: 37.55, lng: 126.99 },
  ]}
  strokeColor="#f00"
  strokeWeight={3}
/>;

Props

이름타입필수기본값설명
pathnaver.maps.ArrayOfCoords | naver.maps.ArrayOfCoordsLiteral | undefined---
defaultPathnaver.maps.ArrayOfCoords | naver.maps.ArrayOfCoordsLiteral | undefined---
startIconnaver.maps.PointingIcon | undefined---
startIconSizenumber | undefined---
endIconnaver.maps.PointingIcon | undefined---
endIconSizenumber | undefined---
clickableboolean | undefined---
visibleboolean | undefined---
zIndexnumber | undefined---
strokeWeightnumber | undefined---
strokeOpacitynumber | undefined---
strokeColorstring | undefined---
strokeStylenaver.maps.StrokeStyleType | undefined---
strokeLineCapnaver.maps.StrokeLineCapType | undefined---
strokeLineJoinnaver.maps.StrokeLineJoinType | undefined---