Google Maps Api v3 - 单击标记，缩放然后在第二次单击时打开窗口答案

【问题标题】：Google Maps Api v3 - Click marker, zoom then open window on 2nd clickGoogle Maps Api v3 - 单击标记，缩放然后在第二次单击时打开窗口
【发布时间】：2012-03-07 00:59:29
【问题描述】：

我有一张使用自定义标记显示美国各地商店位置的地图。当有人单击标记（第一次单击）时，我想放大到该区域，该区域可能包含多个标记。然后，当他们单击该缩放区域内的标记（第二次单击）时，它应该会显示一个包含该商店信息的信息窗口。

我所拥有的工作并不完全正确。它以我希望的方式工作 IF 第二次点击恰好是他们第一次点击的相同标记。如果它是缩放区域内的不同标记，它只会平移并以该标记为中心。然后我必须第三次点击才能打开信息窗口。

这是我的代码：

          function(map, marker){      
          $(marker).click(function() {
             map.setZoom(8),
             map.panTo(marker.getPosition(),
             google.maps.event.addListener(marker, 'click', function() {
                   $('#map_canvas').gmap('openInfoWindow', { 'content': '<p style=\"font-size:95%;\"><span class=\"red padR5\" style=\"font-weight: bold;\">$city</span><a href=\"#/locate-sola-salons/city/$url_title/C$city_id/\" id=\"$url_title\" title=\"$city\" style=\"border-bottom:1px dotted #666666;\">See Details</a></p><p>$address2</p><p>$phone</p>'}, this); 
                  })
             );
        });

有没有一种方法可以让我只需点击 2 次而不是 3 次就可以完成我想要的事情？

【问题讨论】：

标签： google-maps google-maps-api-3 google-maps-markers

【解决方案1】：

更好的方法是设置一个标志，说明地图是否应在单击标记时平移/缩放，或者是否应打开信息窗口。或者您可以检查当前的缩放级别并确定要采取的操作。

【讨论】：

我最终只是在 click 函数中设置了一个计数器。一旦计数器大于 0，则显示信息窗口而不是 panTo()。