javascript - 离开页面后返回谷歌地图 V3 上的标记

标签 javascript php mysql google-maps google-maps-api-3

我按照 Google 开发人员的说明,使用 php 和 MySQL 添加了标记到 Google V3 map 。标记分布在较大的地理区域上,单击时会链接到其他站点页面,但是当使用后退按钮时, map 会重新以初始纬度为中心,而不是返回到标记坐标。 我找不到有关此问题的任何信息,因此希望这里有人可以告诉我如何在单击链接后使 map 保留在标记坐标上?

最佳答案

  1. 在标记上绑定(bind)点击事件监听器。 https://developers.google.com/maps/documentation/javascript/reference?csw=1#Marker

  2. 单击标记时,触发对 PHP 页面的 AJAX 调用,其中包含单击的标记的纬度和经度以及 map 缩放级别。 https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

  3. 在 PHP 页面上,将这 3 个参数存储在 SESSION 变量中。 https://php.net/manual/en/session.examples.basic.php

  4. 在加载 map 的脚本中,触发对 PHP 页面的 AJAX 调用,该页面将发回 SESSION 变量(如果存在)。 https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started#Step_2_.E2.80.93_Handling_the_server_response

  5. 如果页面使用存储的变量进行响应,请使用 setCenter()setZoom() 将它们应用到您的 map ,如果没有,则在以下位置显示您的 map 默认中心和缩放级别。 https://developers.google.com/maps/documentation/javascript/reference?csw=1#Map

如果您想要一种更简单的方法来管理 AJAX 调用,您可以查看 jQuery:http://api.jquery.com/jquery.ajax/

关于javascript - 离开页面后返回谷歌地图 V3 上的标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23892664/

相关文章:

javascript - 使用 JavaScript 检查互联网连接

php - 如何在 centos 6 中为自动运行命令 "service php-fpm restart"创建 crontab?

php - 如何显示正确的 UTF-8 编码?

php - ** PHP 5.6 中的运算符和 pow 函数

php - 从 mysql_fetch_array 查询创建一个表单

mysql - PROCEDURE 的参数数量不正确

mysql - 显示带有 LIKE 和 NOT REGEXP 的表格

javascript - 如何使用 AWS Cognito TOTP MFA?

javascript - require.js 有时不触发回调函数

javascript - 使用 Glamorous css-in-js 的子选择器