title: Show window on Marker's click in Angular Google Maps
body: <p>I am using <a href="http://angular-google-maps.org/api" rel="nofollow">http://angular-google-maps.org/api</a> in order to work with a Google map.
  So far I am able to show the markers but somehow I can't get to show the windows on click.</p>
  
  <pre><code>&lt;markers models="markers" coords="'last_known_location'" icon="'icon'" click="'onClicked'"&gt;
  
      &lt;windows show="'showWindow'" closeClick="'closeClick'" ng-cloak&gt;
                  &lt;p ng-non-bindable style="width:200px"&gt;{angular{ options.title }angular}&lt;/p&gt;
                  &lt;p ng-non-bindable&gt;{angular{ latitude | number:4 }angular}, {angular{ longitude | number:4 }angular}!&lt;/p&gt;
      &lt;/windows&gt;
  
  &lt;/markers&gt;
  </code></pre>
  
  <p>As you can see, it uses the <code>showWindow</code> property to show the window</p>
  
  <p>I add this to each marker by doing</p>
  
  <pre><code>angular.forEach($scope.markers,function(marker){
  
          marker.closeClick = function() {
            marker.showWindow = false;
            $scope.$apply();
          };
  
          marker.onClicked = function(){
            alert(marker.id);
            onMarkerClicked(marker.id);
          };
  
   });
  </code></pre>
  
  <p>The alert shows up on click, and </p>
  
  <pre><code>var onMarkerClicked = function(marker){
  
    marker.showWindow = true;
    $scope.$apply();
  
  }
  </code></pre>
  
  <p>The property is also changed, but the window doesn't show up.</p>
  
  <p>Any ideas? thanks</p>