javascript - 导航回 map 页面时恢复谷歌地图状态

标签 javascript google-maps

我有一张带有标记的 Google map ,可以链接到其他页面。如果我单击这些标记之一,然后决定返回 map 页面, map 位置、缩放级别等将被重置。有没有一种简单的方法可以将 map 恢复到它离开时的状态?

最佳答案

做到这一点的最简单和最安全的方法是将您关心的状态(例如缩放、 map 中心、 map 类型)存储在浏览器中的某个半永久位置。根据您要支持的浏览器,您的选择是:

  • Cookie(通过 document.cookie 进行 JS 访问)
  • HTML5 local storage (现代浏览器)
  • URL hash tags (add #zoom=4&... to the end of page, 有点丑,不太合适)
  • HTML5 history API (可能都不适合)

Cookie 可能是最好的前进方式,可能与本地存储相结合。

请注意它是 probably the browser unload event导致这个问题。但是,目前看来 API 本身正在注册此事件,因此您无法真正避免它。

关于javascript - 导航回 map 页面时恢复谷歌地图状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9298623/

相关文章:

javascript - 获取包含图像的链接

iphone -- 将 MKMapPoint 距离转换为米

javascript - 接近地球极限时范围内随机坐标的问题

javascript - 将多边形存储在 localStorage 中

javascript - 谷歌地图 API : How to Set Scroll Zoom to Anchor in on One Marker

javascript - jQuery 将 CSS 颜色设置为 HEX 而不是 RGB

javascript - Phantomjs 浏览器不支持网页上的 CORS 请求

javascript - JQuery .post() 将 html 返回到表中

javascript - Highcharts json php 多个系列

android - 如何实现谷歌地图新版API v2