通过搜索结果在地图上使用标记进行分页

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函数显示新分页。所以我可以跳到一个页面或前进，后退等。

到目前为止，这么好。现在每个搜索结果都对应一个位置，我想在同一页面上的Google地图div上放置一个标记，以显示结果。即如果每页有5个结果，我们随时会看到5个标记。当用户转到下一页时，我们将标记更改为新的位置。

我对Google Maps API很熟悉，但对于以可以绘制标记和/或显示/隐藏正确数据的方式将数据导入到页面中来说是新的。

有人能指出我如何做到这一点的正确方向吗？我只是不知道要使用哪种数据对象或如何填充它，因为所有结果都是一次加载的。即当页面改变时没有Ajax调用 - 我只是显示/隐藏一些div。

在此先感谢！

Answer 1

我会使用一个MarkerManager类的GMap标记。通过这种方式，您可以使用第一页中的标记填充它，当用户进入下一页时，您只需清空MarkerManager并填充新的标记。