네이버 지도 api 지도 라인에 화살표 넣기 질문입니다

Question

네이버 지도 api에서 gpx 파일 경로를 띄운다음 첫번째 사진처럼 진행방향을 표시해주고 싶은데 관련된 내용을 찾아보려고 해도 못 찾겠네요 첫번째 사진처럼 라인안에 화살표 넣는게 가능할까요? naver.maps.Event.once(map, 'init', function () { $.ajax({ url: '/upload/ride.gpx', dataType: 'xml', success: startDataLayer }); }); function startDataLayer(xmlDoc) { map.data.addGpx(xmlDoc); } map.data.setStyle(function(feature) { var color &#61; 'red'; if (feature.getProperty('isColorful')) { color &#61; feature.getProperty('color'); } return { fillColor: color, strokeColor: color, strokeWeight: 8, strokeLineCap: 'round', strokeLineJoin: 'round', visible: true, }; });

yeori · Answer

직접 구현해야 합니다.path를 구성하는 point들을 이용해서 atan2로 각도를 따낸 다음 화살표를 rotation 시켜주면 됩니다.네이버지도에서 좌표값을 뷰포트위의 (x,y)픽셀값으로 바꿔주는 api가 있을텐데, 요거 사용해서 띄엄띄엄 화살표 그려주면 됩니다(근데 저렇게 화살표로 path 그려주는 기능이 api에 있을거같은데...)

minnin86 · Answer

혹시 작성하신 질문 해결 하셨을까요? 저도 지금 경로 표시로 고민하고 있는데 잘 안되네요...ㅠㅠ

네이버 지도 api 지도 라인에 화살표 넣기 질문입니다

2개의 답변

#naver 목록