마우스오버시 > 커스텀 오버레이 및 마커 이미지 변경

여러개의 마커들을 그리고, 커스텀 오버레이를 연결해 놓았습니다.
업로드를 한 다음 지도 화면처럼 옆에 리스트에서 마우스포인터가 이동할경우
연결된 업체 마커 위에 커스텀 오버레이 로 간단하게 이름을 보여지는 것은 잘 동작됩니다.

1547807020

커스텀 오버레이는 연결이 되었는데,
( 지도 위 마커 위에 위치할 경우 마우스오버 마커 이미지를 보여주고 마우스아웃하면 기본 이미지를 보여주는 것처럼 )
좌측 화면 리스트 에서 커스텀 오버레이 보여질 경우, 마커 이미지도 변경되서 강조를 하고 싶은데
어떻게 처리를 하면 되는지요…

  1. 마우스 오버시 커스텀오버레이 보여줄때
    daum.maps.CustomOverlay( 내에서 image: overImage 로 설정을 하면 작동이 될까요?

  2. 마우스 아웃시 에는 어떻게 처리를 해야될런지 아직 모르겠습니다.

다음 지도에서 동작하는 것처럼 구현해 볼려고 하는데 모르겠네요 ㅠㅠ
조언 부탁드립니다.

http://apis.map.daum.net/web/sample/keywordList/

위 예제를 분석하여 활용하면 충분히 구현 가능하실거에요.

음… 어떤 인터렉션인지는 정확하게 파악하지 못했는데요.
Marker의 이미지를 바꾸실거면
http://apis.map.daum.net/web/sample/multipleMarkerEvent2/
이 예제처럼 Marker.setImage()를 활용하셔야 하고요.

커스텀 오버레이 같은 경우는 CustomOverlay.setContent()로 내부 컨텐츠를 바꿔주셔야 합니다.

2번의 마우스 아웃은 어떤걸 의미하는지 모르겠습니다.
아마도 위의 예제들을 보면 해결될 듯 하네요.

map.daum.net 의 사례의 경우도 다를게 없어요
데이터를 받으면 그 데이터로 리스트와 마커를 뿌리고
리스트 순으로 마커와 서로 이벤트를 연결하여 연동하고 있습니다.