2

使用 Google Maps 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 中似乎没有这样做。我会对此进行更多研究并发表评论。如果有人以前见过这个；但是，请插话！

4

1 回答 1

0

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

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

于 2012-09-06T13:43:39.470 回答