1는 AbstractOverlay 에서 CustomOverlay의 이미지를 상속받아서 사용하고.
2는 CustomOverlay에서 label 태그를 임의로 작성하여 사용합니다.
결과적으로 CustomOverlay 2개의 Obj 를 setMap 하여 사용을하는데 문제는
1의 이벤트 펑션이 다르고, 2의 이벤트 펑션도다르며 1의 이미지크기도 다르고, 2의 라벨 사이즈도 다릅니다.
1,2 가 한 div 테그내에서 Overlay로 작동하는것같은데 1, 2를 따로 분리해서 서로 다른 Overlay 로 사용할수있는지요?
1,2를 한공간에서 쓰려니 분리가안되어 z-index 와 draw관련Overlay도 사용을해서 서로 컨트롤하기가 힘듭니다.
좋은방법이 없을련지요 여쭈어봅니다.
객체 참조의 분리는 따로 js코드에서 해 주셔야합니다.
API 내부에서 생성되는 DOM element 구조를 셀렉팅하여 사용하려고 하면 힘들어집니다.
1번 방식으로 만든 오버레이들의 참조 배열 arr1
2번 방식으로 만든 오버레이들의 참조 배열 arr2
이렇게 2개의 배열을
컨트롤 하고자하는 함수에서 접근 가능한 스코프에 적절히 선언해서 쓰면
각각 컨트롤 하기 수월해 질 겁니다.
z-index는 CustomOverlay 생성 옵션으로 지정 가능합니다.
http://apis.map.kakao.com/web/documentation/#CustomOverlay
AbstractOverlay의 Element가 CustomOverlay와 같은 DOM트리 뎁스에 존재하므로 (한 div 태그 내에 존재하므로)
z-index로 서로간의 깊이 값을 조절하여 앞뒤 관계를 컨트롤 할 수 있습니다.
draw 관련 오버레이는 무엇을 말씀하시는지 모르겠네요.
도형 관련이라면 도형은 항상 아래에 그려집니다.