지도에서 마커를 사용하여 검색 결과를 페이징

Question

내 검색 인터페이스는 결과의 각 페이지가 별도 div에있는 결과 페이지를 반환합니다.

즉

<div id="page1"> 
result 1 
result 2 
result 3 
result 4 
result 5 
</div> 

<div id="page2"> 
result 6 
result 7 
result 8 
result 9 
result 10 
</div> 

etc. 

I이 동적으로 사용 ASP.NET MVC를 생성하고있다. jquery를 사용하여이 div를 모두 숨기고 자바 스크립트 함수를 사용하여 새 태그를 표시합니다. 그래서 나는 페이지로 건너 뛰거나 앞으로, 뒤로 가기 등등을 할 수 있습니다.

지금까지는 그렇게 좋았습니다. 이제 각 검색 결과는 위치에 해당하며 표시되는 결과에 대해 동일한 페이지의 Google지도 div에 표식을 넣을 수 있습니다. 즉, 페이지 당 결과가 5 개인 경우 언제든지 5 개의 마커가 표시됩니다. 사용자가 다음 페이지로 이동하면 마커를 새 위치로 변경합니다.

저는 Google지도 API에 익숙하지만 마커를 플롯하거나 올바른지도를 표시하거나 숨길 수있는 방식으로 페이지에 데이터를 가져 오는 것에 익숙하지 않습니다.

누군가 내가 이것을 어떻게 할 수있는 올바른 방향으로 나를 가리킬 수 있습니까? 모든 결과가 한 번에로드되기 때문에 사용할 데이터 개체의 종류 나 채우기 방법을 알 수 없습니다. 즉, 페이지가 변경 될 때 아약스 호출이 없습니다. 단지 일부 div를 표시하거나 숨 깁니다.

미리 감사드립니다.

Answer 1

GMap 마커에 MarkerManager 클래스를 사용합니다. 이렇게하면 첫 번째 페이지의 마커로 채울 수 있으며 사용자가 다음 페이지로 이동하면 MarkerManager를 비우고 새 페이지로 채 웁니다.