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
| 이름 | 타입 | 필수 | 기본값 | 설명 |
|---|---|---|---|---|
path | naver.maps.ArrayOfCoords | naver.maps.ArrayOfCoordsLiteral | undefined | - | - | - |
defaultPath | naver.maps.ArrayOfCoords | naver.maps.ArrayOfCoordsLiteral | undefined | - | - | - |
startIcon | naver.maps.PointingIcon | undefined | - | - | - |
startIconSize | number | undefined | - | - | - |
endIcon | naver.maps.PointingIcon | undefined | - | - | - |
endIconSize | 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 | - | - | - |