title: Angular Google Maps can not click on marker the second time
body: <p>I created a custom marker, I click on it, the info window opens.  Then I close the info window.   I try to click on the marker again but the info window doesn't open.  It works on the other two markers fine.<br>
  Below is the plunker sample.<br>
  Thanks for the help. </p>
  
  <pre><code>http://plnkr.co/edit/hzfAkQ5UJBLz3BZEy8M9?p=preview
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>'use strict';
  angular.module('app', ['uiGmapgoogle-maps'])
    .controller('locatorController', function($scope, $timeout, uiGmapGoogleMapApi) {
      var pinSymbol = function(color) {
    //    console.log("color: "+color);
      return {
        path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z',
        fillColor: color,
        fillOpacity: 1,
        strokeColor: '#FFFFFF',
        strokeWeight: 1.3,
        scale: 1.3
      };
    }
  
      $scope.map = {
        center: {
          latitude: 39,
          longitude: -98
        },
        control: {},
        zoom: 8,
        window: {
          model: {},
          show: false,
          options:{
            pixelOffset: {width:-1,height:-20}
          }
        },
        markers: [{
          "id": "1",
          "latitude": "39.05",
          "longitude": "-98.55",
          options: {
            labelContent : '$23',
            labelAnchor: "14 75",
            labelClass: 'labelClass',
            icon: pinSymbol('green'),
            labelInBackground: false
      }
        }, {
          "id": "2",
          "latitude": "39.15",
          "longitude": "-98.45"
        }, {
          "id": "3",
          "latitude": "39.25",
          "longitude": "-97.95"
        }, ],
        markersEvents: {
          click: function(marker, eventName, model, args) {
              
            $scope.$apply(function () {
    $scope.map.window.model = model;
            $scope.map.window.show = true;
                  });
          }
        }
      };
  
  
    })
    .controller('templateController',function(){});</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.location-finder .angular-google-map,
  .location-finder .angular-google-map-container {
   height: 30em;
  }
  
  .selected {
    background: #ddd;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div ng-app="app" ng-controller="locatorController" class="location-finder"&gt;
      &lt;ui-gmap-google-map center="map.center" zoom="map.zoom" control="map.control"&gt;
  
        &lt;!-- Map Pins --&gt;
        &lt;ui-gmap-markers models="map.markers" idKey="'id'" coords="'self'" options="'options'"  events="map.markersEvents"&gt;
        &lt;/ui-gmap-markers&gt;
  
        &lt;!-- InfoWindows --&gt;
  &lt;!-- this works, but infowindow is not attached to marker --&gt;
        &lt;ui-gmap-window 
        show="map.window.show" 
        coords="map.window.model" 
        templateUrl="'test'" 
        templateParameter="map.window.model" 
        options="map.window.options"
        ng-cloak&gt;
        &lt;/ui-gmap-window&gt;
  &lt;!-- try this instead of the above and the template does not load --&gt;
  &lt;!-- &lt;ui-gmap-window show="map.window.show" coords="map.window.model" templateUrl="'infowindow.tpl'" ng-cloak&gt;&lt;/ui-gmap-window&gt;--&gt;
  
  
      &lt;/ui-gmap-google-map&gt;
  
    &lt;/div&gt;
  
  
    &lt;script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js" charset="utf-8"&gt;&lt;/script&gt;
    &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.js" charset="utf-8"&gt;&lt;/script&gt;
    &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/angular-google-maps/2.1.0-X.5/angular-google-maps.js" charset="utf-8"&gt;&lt;/script&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://plnkr.co/edit/hzfAkQ5UJBLz3BZEy8M9?p=preview" rel="nofollow">http://plnkr.co/edit/hzfAkQ5UJBLz3BZEy8M9?p=preview</a></p>