Map객체를 초기화하는 방법

안녕하세요. Javascript로 Map을 표시하고, Marker와 InfoWindow를 표시하는 일반적인 경우입니다.
처음에는 검색을 해서 복수개의 Marker를 표시하고, Marker를 클릭하면 InfoWindow를 보여주고, 해당 Marker를 다시 클릭하면 infoWindow.close합니다.
원하는 대로 잘 동작합니다.
해당 URL를 Reload해도 잘 동작하는데

Reload하지않고 한번 표시된 상태에서 다른 검색조건을 입력해서 표시하면 예전의 객체와 새로운 객체가 섞여서 이상한 현상이 발생합니다.
Source를 reload하지않고 예전 Map객체를 초기화할려면 어떻게 해야할까요?

지금 테스트중인 URL은 http://www.dmook.co.kr/Map/DaumMapApiMarkerByCoord.htm 입니다.
지금은 데이타가 source안에 포함되어있어서, 초기 load하는데 시간이 조금 걸립니다.
개발이 다되면, Data는 DB로 넣을 예정입니다.
조언 부탁드립니다.

안녕하세요,

말씀하신 형태와 비슷한 사용예가 아닐까 싶은데요 아래 샘플을 참고하세요.
http://apis.map.daum.net/web/sample/keywordList/

매 번 Map 객체를 생성하셔서 그렇습니다.
new daum.maps.Map 은 페이지 내에서 한 번만 선언되어야 하며
그 map에
마커/인포윈도우를 올리거나 지우는 작업,
지도 중심을 움직이는 작업
등을 직접 해주셔야 합니다.

1개의 좋아요

감사합니다.

1개의 좋아요