javascript - 记住外部链接重定向后的状态

Question

我在尝试让页面设置一些 localStorage 变量时遇到问题；问题是，当我单击内部链接(如“/about”)时，会设置 localStorage 变量，并且 map 保留缩放和中心位置，但当我单击网站上的外部链接(如 google.com)时，它会发生变化。返回时不会更新到新位置并缩放 map 。

if(localStorage.lat) {
   map.setCenter(new google.maps.LatLng(localStorage.lat, localStorage.lng));
   map.setZoom(parseInt(localStorage.zoom)); 
}


$('a').on('click', function() { 
   localStorage.lat = map.getCenter().lat();
   localStorage.lng = map.getCenter().lng();
   localStorage.zoom = map.getZoom();
});

外部链接基本上位于一个信息窗口内，单击 google map API v3 上的标记即可打开该信息窗口。

var contentString = '<div class="infowindowcontent bk">'
contentString += '<p class="viewLink"><a href="external link"</a></p>' 
contentString += '</div>';

我像这样使用 infoWindow:

var infoWindow = new google.maps.InfoWindow();
infoWindow.setContent(contentString);

Answer 1

已决定使用Google Maps Events为了解决问题，而不是基于点击标签来解决问题，因为它没有在信息窗口(Google map API 函数)中获取链接:

map.addListener('zoom_changed', function(){
  localStorage.zoom = map.getZoom();
});

map.addListener('center_changed', function(){
  localStorage.lat = map.getCenter().lat();
  localStorage.lng = map.getCenter().lng();
});