我的搜索界面返回结果页面,每页结果都在一个单独的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地图div上放置一个标记,以显示结果。即如果每页有5个结果,我们随时会看到5个标记。当用户转到下一页时,我们将标记更改为新位置。
我熟悉Google Maps API,但我很擅长将数据放入页面,以便我可以绘制标记和/或显示/隐藏正确的标记。
有人能指出我如何做到这一点的正确方向吗?我只是不知道使用什么样的数据对象或如何填充它,因为所有结果都是一次加载的。即当页面改变时没有ajax调用 - 我只显示/隐藏一些div。
提前致谢!
答案 0 :(得分:1)
我会使用MarkerManager类作为GMap标记。通过这种方式,您可以使用第一页中的标记填充它,当用户转到下一页时,您只需清空MarkerManager并将其填入新标记。