当我浏览回页面时,谷歌地图信息窗口不会弹出

Google Maps InfoWindow Not Popping Up When I Browse Back to Page

本文关键字:窗口 信息窗 信息 谷歌地图 浏览      更新时间:2023-09-26

使用Google Maps Javascript V3,我设置了一个带有一些标记的地图。我在每个标记上都有一个监听器,它会在点击事件上弹出一个InfoWindow。这很好用。问题是,当我点击页面上的任何链接,然后浏览回原始页面时,InfoWindows就会停止显示。我在监听器中放入了alert语句,所以我知道监听器正在运行,但我不明白为什么InfoWindows没有显示。

这是我的代码:

<script type="text/javascript">
var map;
var viewable;
var markerArray = new Array();
var infoWindow;
function initialize() {
    infoWindow = new google.maps.InfoWindow({ content: "holding..." });
    var mapOptions = {
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      zoom: 15,
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    var bounds = new google.maps.LatLngBounds();
        var loop_latlng = new google.maps.LatLng( 42.341111, -71.080707 );
        marker = addMarker( loop_latlng, "<strong>$1,495.00</strong> <br> Columbus Ave <br> 0 beds / 1 baths <br> <img src='/images/71428455_0.jpg' width=150> <br> <a href='/mls_rn/8305'>get more details</a>" );
        bounds.extend(loop_latlng);        
        var loop_latlng = new google.maps.LatLng( 42.340022, -71.0657278 );
        marker = addMarker( loop_latlng, "<strong>$2,000.00</strong> <br> Union Park St <br> 2 beds / 1 baths <br> <img src='/images/71426623_0.jpg' width=150> <br> <a href='/mls_rn/8253'>get more details</a>" );
        bounds.extend(loop_latlng);        
    map.setCenter(bounds.getCenter());
    map.fitBounds(bounds);
    showMarkers();
}
function addMarker(location,contentString) {
  var iw = new google.maps.InfoWindow({
    content: contentString
  });
  var marker = new google.maps.Marker({
    position: location,
    animation: google.maps.Animation.DROP,
    content: contentString,
    map: map
  });
  google.maps.event.addListener(marker,'click',function(){
    infoWindow.setContent(this.content); 
    infoWindow.open(map,this);
  });
  markerArray.push(marker); 
  return marker;
}

// display all the markers on the map
function showMarkers() {
  if (markerArray) {
    for ( i in markerArray ) {
      markerArray[i].setMap(map);
    }
  }
}

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyCICKRjJ3Vo_l2hy5uV7GdkYBot6jCtZzI&sensor=true&callback=initialize";
  document.body.appendChild(script);
}
window.onload = loadScript;
</script>

我认为这实际上可能是Rails的问题。如果我将其剪切并粘贴到HTML文档中,它似乎工作得很好;然而,在我的Rails应用程序中,我看到了这种偏离行为。我注意到的一件事是,在纯HTML的情况下,映射似乎会重新初始化,但在Rails中似乎不会这样做。我将对此进行更多的调查并发表评论。如果有人以前见过这种情况;不过,请插话!

您描述的行为在官方信息窗口示例中不会发生,所以我希望您的代码也能以完全相同的方式运行。

您需要手动编程以实现此类功能。在兼容HTML5的浏览器上,您可以使用pageshow事件手动打开信息窗口。但是,所有当前(低于10.0)版本的Internet Explorer都不支持该事件,因此您还必须在窗口load事件中处理该事件。