다음지도 원등의 다각형을 표시햇을 경우 이원안에 글자를 작성 할 수 있나요?

지도/로컬 API
#1

var circle = new daum.maps.Circle({
center : new daum.maps.LatLng(33.450701, 126.570667), // 원의 중심좌표 입니다
radius: 50, // 미터 단위의 원의 반지름입니다
strokeWeight: 5, // 선의 두께입니다
strokeColor: ‘#75B8FA’, // 선의 색깔입니다
strokeOpacity: 1, // 선의 불투명도 입니다 1에서 0 사이의 값이며 0에 가까울수록 투명합니다
strokeStyle: ‘dashed’, // 선의 스타일 입니다
fillColor: ‘#CFE7FF’, // 채우기 색깔입니다
fillOpacity: 0.7 // 채우기 불투명도 입니다
});

#2

Circle객체에는 내부에 컨텐츠를 넣는 기능은 없습니다.
같은 위치에 CustomOverlay를 하나 더 올리시면 될 것 같습니다.

#3

Circle 만들어 올렸고,
CustomOverlay 에 content 을 넣어 올렸습니다.

그럼
daum.maps.event.addListener(circle, ‘click’, function(mouseEvent) {

})
했을때 컨텐츠 중 아이디 값을 가져와서 DB 을 한번더 타게 하려고 하는데
컨텐츠 내용은 어떻게 가져와야 되나요?

#4

흠… 답변하기 난감한 질문이네요.
자바스크립트의 Execution Context를 이해하시고
클로저(Closure)를 만들 수 있다면 의외로 간단히 풀릴 수 있는 문제입니다.

일단 이 예제처럼

원을 생성하는 데이터 하나를 받는 함수를 작성하시고(예제의 displayArea와 같은)
반복문을 돌면서 그 함수에 데이터를 하나씩 던져주세요.
그리고 함수 내부에서는 Circle과 CustomOverlay를 만들고 이벤트 리스너로 click 핸들러를 등록합니다.
이런 구조가 되면 거의 부작용 없이 원하는 구현을 하실 수 있을 겁니다.

1개의 좋아요