How to drawing hexagon or octagon

카카오맵 API (지도/로컬)
,
1

image

My Code:
var linePath = [];
var loc = {x: 36.363775, y: 127.346709};
var numberOfSides = 8;
var radius=0.001;
var x = 125;
var y = 125;
var angle = 2*Math.PI/numberOfSides;

    for (var i=0; i<=numberOfSides; i++) {
		var y = loc.y + parseFloat((radius*Math.cos(i * angle)).toFixed(6));
		var x =loc.x + parseFloat((radius*Math.sin(i * angle)).toFixed(6));
        linePath.push(new kakao.maps.LatLng(x, y));
	}  

    var manager = new kakao.maps.drawing.DrawingManager(options);
    manager.put(kakao.maps.drawing.OverlayType.POLYLINE, linePath);

I drawing octagon but these edges not equal. Can you help me, Please?

2

First, check if the formula is correct.

  1. Change the polygon center coordinates to pixel coordinates.
  2. Find polygon coordinates based on pixel coordinates using the formula.
  3. Change the polygon’s pixel coordinates to the map coordinates and put it in linePath.

Please refer to the link
https://apis.map.kakao.com/web/documentation/#MapProjection_containerPointFromCoords
https://apis.map.kakao.com/web/documentation/#MapProjection_coordsFromContainerPoin