Пейджинг по результатам поиска с маркерами на карте

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. 

я генерации это динамически с помощью ASP.NET MVC. Я пейджинг с использованием jquery, чтобы скрыть все эти div, а затем показать новый, используя функцию javascript. Поэтому я могу перейти на страницу или перейти вперед, назад и т. Д.

До сих пор так хорошо. Теперь каждый результат поиска соответствует местоположению, и я хочу поместить маркер в div карты Google на той же странице для отображаемых результатов. т. е. при наличии 5 результатов на страницу, мы видим 5 маркеров в любое время. Когда пользователи перейдут на следующую страницу, мы изменим маркеры на новые местоположения.

Я знаком с API Карт Google, но новичок в получении данных на странице таким образом, чтобы я мог создавать маркеры и/или показывать/скрывать правильные.

Может ли кто-нибудь указать мне в правильном направлении, как я могу это сделать? Я просто не знаю, какой объект данных использовать или как его заполнять, поскольку все результаты загружаются за один раз. т. е. при изменении страниц нет никакого вызова ajax - я просто показываю/скрываю некоторые div.

Заранее благодарен!

Answer 1

Я бы использовал класс MarkerManager для маркеров GMap. Таким образом вы можете заполнить его маркерами с первой страницы, и когда пользователь перейдет на следующую страницу, вы просто очистите MarkerManager и заполните его новыми.