title: Hiding all info windows on click with angular-google-maps
body: <p>I am using the angular google maps api defined here:
  <a href="https://angular-ui.github.io/angular-google-maps/#!/api" rel="nofollow">https://angular-ui.github.io/angular-google-maps/#!/api</a></p>
  
  <p>I have the following DOM structure</p>
  
  <pre><code>&lt;ui-gmap-markers models="destinationMarkers" coords="'self'" idKey='self.idkey' &gt;
      &lt;div ui-gmap-windows models="destinationMarkers" control="infoWindows"&gt;
          &lt;div ng-non-bindable&gt;
              &lt;!-- {{contents}} --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/ui-gmap-markers&gt;
  </code></pre>
  
  <p>I am trying to make it so that the info window closes when any other part of the map is clicked on, or when another window is opened. The closest I have gotten is calling: <code>scope.infoWindows.getChildWindows()</code> which gives access to the marker objects, however calling the associated hideWindow functions appears to do nothing. Does anyone know how to do this?</p>