Recherche dans les résultats de recherche avec des marqueurs sur une carte

Question

Mon interface de recherche renvoie des pages de résultats avec chaque page de résultats dans un div séparé.

à-dire

<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. 

je générer dynamiquement en utilisant cette ASP.NET MVC. Je pagine en utilisant jquery pour masquer tous ces divs puis montre le nouveau en utilisant une fonction javascript. Je peux donc sauter à une page ou avancer, reculer, etc.

Jusqu'ici, tout va bien. Maintenant, chaque résultat de recherche correspond à un emplacement et je veux mettre un marqueur sur un div Google Map sur la même page pour les résultats affichés. c'est-à-dire s'il y a 5 résultats par page, nous voyons 5 marqueurs à tout moment. Lorsque les utilisateurs vont à la page suivante, nous changeons les marqueurs aux nouveaux emplacements.

Je suis familier avec l'API Google Maps, mais je suis nouveau dans l'obtention de données dans la page de manière à pouvoir tracer les marqueurs et/ou afficher/masquer les bons.

Quelqu'un peut-il me diriger dans la bonne direction de comment je pourrais faire cela? Je ne sais pas quel type d'objet de données utiliser ou comment le remplir, puisque tous les résultats sont chargés en même temps. c'est-à-dire qu'il n'y a pas d'appel ajax lorsque les pages changent - je montre/cache juste des divs.

Merci d'avance!

Answer 1

Je voudrais utiliser une classe MarkerManager pour les marqueurs GMap. De cette façon, vous pouvez le remplir avec les marqueurs de la première page et lorsque l'utilisateur va à la page suivante, il vous suffit de vider le MarkerManager et de le remplir avec les nouveaux.