List 에 마우스를 hover 했을 때 다음지도 API의 해당 위도,경도에 해당하는 데이터를 표시하고 싶습니다

https://www.zigbang.com/search/map?lat=37.5663306&lng=126.9782351&zoom=8

직방에서 다음지도를 썼듯이, 오른쪽에 마우스를 올리면 해당 내용에 해당하는 위치의 마커의 정보가 나오게 하고 싶은데, API의 어떤속성을 써야할지 잘 모르겠습니다ㅠㅠ

react로 개발하고 있는데, 혹시 참고할수 있는 링크가 있다면 주시면 감사하겠습니다!

안녕하세요.

지도 라이브러리에서
멀티플 마커 이벤트 참고하시면 될 것 같습니다.

아래 링크 참고 부탁드려요~
http://apis.map.daum.net/web/sample/multipleMarkerEvent/

감사합니다.

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

이 예제도 추가로 보시면 도움이 되실 거에요.

우선 리스트의 순서대로
CustomOverlay 혹은 InfoWindow를 생성하고 위치를 지정합니다.
그리고 setMap(null); 상태를 유지 시킵니다.
생성된 인스턴스를 리스트와 같은 인덱스에 매핑시켜 배열로 관리하고
리스트의 mouseover 이벤트에서 리스트 인덱스와 같은 인덱스에 해당하는 인스턴스를 찾아 setMap(map);을 시켜주는게 핵심입니다.

1개의 좋아요