카카오 맵 api 로 지도 폴리건 생성

지도/로컬 API
1

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.

ajax 로 서버에 데이터를 올리고 이를 지도 api 로 생성하는데
지도는 생성이 되고, 데이터도 읽어오느데 폴리건이 형성이 되지 않습니다 …
아래는 코드의 일부입니다.

        function testCoordinate() {
        	var areas =[];
        	
            $.ajax({
                type: 'get',
                dataType: 'JSON',
                url: '/testdb.do',
                success: function (result) {
                    for (var i = 0; i < result.length; i++) {
                        var obj = {
                            title: result[i].name,
                            path: new kakao.maps.LatLng(result[i].lat, result[i].lon) // Assuming you have a polygon path
                        };
                        areas.push(obj);
                    }
                },
                complete: function() {
                    for (var i = 0; i < areas.length; i++) {
               
                        var polygon = new kakao.maps.Polygon({
                            map: map, 
                            path: areas[i],
                            strokeWeight: 2,
                            strokeColor: '#004c80',
                            strokeOpacity: 0.5,
                            fillColor: '#fff',
                            fillOpacity: 0.7
                        });
                    }
                }
            });
2

폴리곤에 설정된 path가 올바른지 확인이 필요해 보입니다.
아래와 같이 LatLng 배열로 적용되었는지 확인해 주세요

var polygon = new kakao.maps.Polygon({
    map: map,
    path: [
        new kakao.maps.LatLng(33.452344169439975, 126.56878163224233),
        new kakao.maps.LatLng(33.452739313807456, 126.5709308145358),
        new kakao.maps.LatLng(33.45178067090639, 126.5726886938753) 
    ],
    strokeWeight: 2,
    strokeColor: '#FF00FF',
    strokeOpacity: 0.8,
    strokeStyle: 'dashed',
    fillColor: '#00EEEE',
    fillOpacity: 0.5
});