JavaScript 谷歌地图 API - 一次打开一个信息窗口..

Question

这个问题与谷歌地图 API v3 中的信息窗口相关。

目前我循环这个函数并放置标记。

function addPostCode(zip, html) 
{
   geocoder.geocode( { 'address': zip}, function(results, status) 
   {
      if (status == google.maps.GeocoderStatus.OK)
      {
         map.setCenter(results[0].geometry.location);
         var marker = new google.maps.Marker({
         map: map,
         position: results[0].geometry.location,
         name: zip
      });
});

现在我想添加一个具有独特 HTML 的信息窗口，但是我想要以下行为。

打开信息窗口时通过事件，任何当前的信息窗口都将关闭，只留下新的信息窗口。

这可能吗？我将如何处理？事实证明，查找有关此问题的文档很困难。

Answer 1

在初始化中创建一个信息窗口。在您想要打开信息窗口的事件/侦听器中，您可以设置内容并在地图上的标记/位置上打开信息窗口。

// Initialize infowindow
var infowindow = new google.maps.InfoWindow({content: ''});

function add_marker(point, name, content)
{
   var marker = new google.maps.Marker({
      map: map,
      position: point,
      dragable: false,
      clickable: true,
      name: name
   });
   marker.content = content;
   google.maps.event.addListener(marker, 'click', function()
   {
      infowindow.content = marker.content;
      infowindow.open(map, marker);
   });
   return marker;
};

function addPostCode(zip, html) 
{
   geocoder.geocode( { 'address': zip}, function(results, status) 
   {
      if (status == google.maps.GeocoderStatus.OK)
      {
         map.setCenter(results[0].geometry.location);
         var marker = add_marker(results[0].geometry.location, zip, html)
      });
});

这个问题和答案帮助我解决了单个或多个信息窗口问题：

Google Maps API v3 向每个标记添加信息窗口

Answer 2

var currentInfoWindow = ''; //Global variable

google.maps.event.addListener(marker, 'click', function()
   {
      if(currentInfoWindow != '')
      { 
        currentInfoWindow.close();
        currentInfoWindow = '';
      }
      var infoWindow = new google.maps.InfoWindow({content: 'COntent'});
      infowindow.open(map, marker);
      currentInfoWindow = infowindow;
   });

Answer 3

您最好向 Google 网上论坛询问 Google Maps API v3 关于此问题以及任何其他相关问题。

我没有使用过 API v3，但据我所知，一次只能打开一个信息窗口，所以这会自动发生。

Answer 4

有两种方法可以做到这一点...第一种是创建一个信息窗口并仅使用 .setOptions 信息窗口的方法，用于更新 内容。

第二种方法是简单地在代码中设置一个模块级变量来包含“活动”窗口...然后如果有任何 infoWindow 打开，请在您之前调用它的 .close 方法打开新的。