Question

使用谷歌地图Javascript V3，我有一个地图设置了一些标记。我在每个标记上都有一个监听器，它会在点击事件中弹出InfoWindow。这很好用。问题是当我点击页面上的任何链接然后浏览回原始页面时，InfoWindows停止显示。我在监听器中放入了警告语句，所以我知道监听器正在运行，但我无法弄清楚为什么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中似乎没有这样做。我会更多地研究这个并发表评论。如果有人以前见过这个;但是，请进来！

Answer 1

我所描述的行为在official info windows samples上没有发生，所以我希望你的代码行为完全一样。

您需要手动编程才能使用此类功能。在符合HTML5的浏览器上，您可以使用pageshow event手动打开信息窗口。但是，所有当前（小于10.0）版本的Internet Explorer都不支持该事件，因此您还必须在load窗口事件中处理此事件。

当我浏览页面时，谷歌地图InfoWindow没有弹出

1 个答案: