使用Google地图分页

Question

我正在尝试使用Google地图进行工作;我已经下载了一个示例并尝试修改它，但我在jQuery中并不是很好。请看这两个链接：

http://drmorphe.us/tests/googleMaps/jquery-google-maps-extend-with-pagination.html

该链接工作正常且位置不断变化，但如果我们有很多记录，这种风格并不好。我有大约500条记录，我打算将它们绑定在“数据表”中，但我不知道如何才能使链接正常工作。

看看我想要实现的目标：

http://drmorphe.us/tests/googleMaps/jquery-google-maps-extend-with-pagination2.html

这样我可以显示链接，但我需要它们才能工作，这些应该带我们提供精确的经度和纬度（panTo）。

P.S。已修改jquery.ui.map.extentions.js以实现此目标。

Answer 1

这里有一些提示，假设您想从实时数据库中查找这些位置。

1. 呈现链接列表，每个链接都有一个唯一的id
2. 获取每个点击事件，返回false，以便事件不会冒泡。
3. 将单击处理程序附加到每个项目，可以通过每个项目上的类。
4. 在处理程序中，检测id，并通过AJAX将其发送到服务器。
5. 在服务器中，查找坐标，并以JSON格式呈现它们。
6. 抓取JavaScript中的坐标并重新定位地图，或创建新的图钉等。

那应该让你排序！

Answer 2

由于JavaScript错误，您的应用程序无法正常运行。

请打开jquery.ui.map.extension2.js文件并修改第119行。 onclick事件不应以"function("开头。而不是

onclick="function(map.panTo(new GLatLng(33.69877782,73.00711869)));"

写

onclick="map.panTo(new GLatLng(33.69877782,73.00711869));"