-1

我正在尝试使用谷歌地图来工作；我已经下载了一个示例并尝试对其进行修改，但我在 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)。

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

4

2 回答 2

1

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

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

那应该让你排序！

于 2012-05-05T14:52:55.277 回答
1

由于 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));"
于 2012-05-05T14:52:56.703 回答