谷歌地图 js api 版本 3 信息窗口故障

Question

我正在开发一个应用程序，它使用 google maps api v3 来显示标记和信息窗口。

嗯，我有 N 个标记存储在一个数组中，还有一个用于显示一些信息的全局信息窗口。

信息窗口内容只需单击一个标记即可显示，以这种方式创建：

/* global js stuff */
var g_map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var g_current_popup = new google.maps.InfoWindow({ content: "" });
var g_markers = [];

/* create marker function */
function addMarker(p_infowindow_contents)
{
  var l_marker = new google.maps.Marker( all the stuff needed );
  google.maps.event.addListener(l_marker, 'click', function()  
  {  
      g_current_popup.close(); // if already open, it must be closed and reloaded
      g_current_popup.setContent(p_infowindow_contents);
      g_current_popup.open(g_map, l_marker);
  });
  g_markers.push(l_marker);
}

一切都按预期工作，除了一点图形故障：当信息窗口出现时，我看到信息窗口“提示”位于未知位置十分之一秒，然后它消失了，我看到了正确的信息窗口。

看看这个在提示消失前截取的截图：

有没有人经历过这样的事情？ 会不会是一些 CSS 问题？

谢谢

Answer 1

看起来这不是您的代码的问题，我认为这更可能是浏览器问题。通过查看 Google 在 Firefox 中提供的信息窗口示例，我能够验证同样的事情，但在 Chrome 中却没有：

https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

当地图必须滚动以适应信息窗口时，它似乎会更明显地发生，但我会说它不是必须这样做的。它可能只是一个人工制品，屏幕需要几个时钟周期才能赶上 DOM。