원을 여러 개 출력하고 싶을때

지도/로컬 API
#1 
    var  positions = [
        new daum.maps.LatLng(35.15360080380171, 126.80878276380653),
        new daum.maps.LatLng(35.18703193236976, 126.82916558749888),
        new daum.maps.LatLng(35.18719221104902, 126.8252609888814)
    ];

리스트에 좌표를 넣어준 뒤

    for (let i = 0; i < positions.length; i++) {

        var circle = new kakao.maps.Circle({

            map: map, 
            center : positions[i], 
            title: positions[i].title, // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다
            radius: 50, // 미터 단위의 원의 반지름입니다 
            strokeWeight: 5, // 선의 두께입니다 
            strokeColor: '#75B8FA', // 선의 색깔입니다
            strokeOpacity: 1, // 선의 불투명도 입니다 1에서 0 사이의 값이며 0에 가까울수록 투명합니다
            strokeStyle: 'dashed', // 선의 스타일 입니다
            fillColor: '#CFE7FF', // 채우기 색깔입니다
            fillOpacity: 0.7  // 채우기 불투명도 입니다    
        });
    }

위와 같이 실행하면 원이 하나밖에 생성되지가 않아요… 해결 방법이 있을까요…

#2

첨부 코드로 원 3개가 표출되는 것을 확인했습니다.
지도의 center 좌표를 원의 position으로 변경하여 확인 부탁드립니다.

1개의 좋아요