Drawing arrow on map

지도/로컬 API
#1

Hello!
I write code to draw arrow on map, but can not.
Could you please help me if there is anything wrong? below is my code.

var mapContainer = document.getElementById(‘map’),
mapOption = {
center: new kakao.maps.LatLng(33.450701, 126.570667),
level: 3
};

var map = new kakao.maps.Map(mapContainer, mapOption);

var linePath = [
new kakao.maps.LatLng(33.452344169439975, 126.56878163224233),
new kakao.maps.LatLng(33.45178067090639, 126.5726886938753)
];

// Drawing arrow
var arrow = new kakao.maps.ARROW({
path: linePath,
endArrow: true,
strokeWeight: 5,
strokeColor: ‘#FFAE00’,
strokeOpacity: 0.7,
strokeStyle: ‘solid’
});

arrow.setMap(map);

#2

We don’t provide kakao.maps.ARROW

If you want the arrows on the map,
you should be load the drawing library.

Call the manager.put API to display the arrow.

// e.g
var linePath = [
    new kakao.maps.LatLng(33.452344169439975, 126.56878163224233),
    new kakao.maps.LatLng(33.45178067090639, 126.5726886938753)
];
var manager = new kakao.maps.drawing.DrawingManager(/*…*/);
manager.put(kakao.maps.drawing.OverlayType.ARROW, linePath);

Please refer to the link.
http://apis.map.kakao.com/web/guide/#library
http://apis.map.kakao.com/web/documentation/#drawing_DrawingManager
http://apis.map.kakao.com/web/documentation/#drawing_DrawingManager_put

#3

Thank you!
I can draw the arrow now.
But I have another problem. If I want to rotate and bend arrow, how to do it?
Could you please help me?

#4

Rotation setting is not provided.
The arrow is display at the last coordinate.
If you want to simply change the direction of the arrow, reverse the path setting.

And, it is displayed on the map according to the set path value.
When you set the bent path, it will be display bent.

Please refer to the example link.
http://apis.map.kakao.com/web/sample/drawingToolbox/