Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用谷歌地图分页_Jquery_Google Maps_Pagination - Fatal编程技术网

Jquery 使用谷歌地图分页

Jquery 使用谷歌地图分页,jquery,google-maps,pagination,Jquery,Google Maps,Pagination,我正在尝试在工作中使用谷歌地图;我下载了一个示例并试图修改它,但我对jQuery不是很在行。请看以下两个链接: 该链接工作正常,位置不断变化,但如果我们有很多记录,这种风格就不好了。我有大约500条记录,我计划将这些记录绑定到“数据表”中,但我不知道如何制作工作正常的链接 看看我正在努力实现的目标: 这样,我可以显示链接,但我需要他们的工作,这些应该采取确切的经度和纬度提供潘托我们 p.S.jquery.ui.map.extensions.js已被修改以实现此目标。假设您想从实时数据库中查找这些

我正在尝试在工作中使用谷歌地图;我下载了一个示例并试图修改它,但我对jQuery不是很在行。请看以下两个链接:

该链接工作正常,位置不断变化,但如果我们有很多记录,这种风格就不好了。我有大约500条记录,我计划将这些记录绑定到“数据表”中,但我不知道如何制作工作正常的链接

看看我正在努力实现的目标:

这样,我可以显示链接,但我需要他们的工作,这些应该采取确切的经度和纬度提供潘托我们


p.S.jquery.ui.map.extensions.js已被修改以实现此目标。

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

呈现链接列表,每个链接上都有唯一的id 获取一个点击事件处理每个事件,返回false,这样事件就不会冒泡。 将一键式处理程序附加到每个项目,可能通过每个项目上的类。 在处理程序中,检测id,并通过AJAX将其发送到服务器。 在服务器中,查找坐标,并用JSON呈现它们。 抓取JavaScript中的坐标并重新将地图居中,或创建新的pin等。
那应该能帮你分类了

由于JavaScript错误,应用程序无法正常运行

请打开jquery.ui.map.extension2.js文件并编辑第119行。onclick事件不应以函数开头。而不是

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


仅仅是一个快速提示-链接在问题中是很好的,但一般来说,让问题“独立”是一个好主意,这样读者就不必点击几个链接来理解你需要什么。也就是说,从我所能告诉你的,你只想在左手边有一个链接列表,每个链接都可以点击并重新定位地图中心?感谢Alexios和所有人的回复,不幸的是,这对我仍然不起作用。我不擅长编程,我是一名设计师,但我必须为我的公司做这件事。@Dr.Morpheus-正如你所知,当你在这里回复时,其他人不会收到“新消息通知”——只有Alexios会收到。直接在他们的答案下回答,或者在问题下用“at”前缀和他们的用户名来称呼他们。也就是说,这里的建议似乎很合理。请看第119行并尝试@Alexious建议的编辑。我很困惑,我已经在第119行复制粘贴了您的代码,只更改了纬度和经度的值,我还将双引号更改为单引号,否则我的Dreamweaver会给我一个错误。此外,网站上的链接也会更新以进行验证。我在这里上传了文件,我非常需要帮助,这个解决方案对我来说非常好,因为我不知道JSON和其他语言,但我不知道我错在哪里了。请帮助@Alexious halferI我想知道这个“地图”是否正确,或者我们没有到达原始地图?
onclick="map.panTo(new GLatLng(33.69877782,73.00711869));"