title: angular-google-maps - Markers not showing on the map
body: <p>I'm having difficulties to add the markers on the map. I'm not getting any error, but still not displaying.</p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>.....
  var load = [];
              for (var i=0; i &lt; $scope.events.length; i++) {
                 var marker = {
                      id: i,
                      coords:{
                          latitude: $scope.events[i].location.geometry[1],
                          longitude: $scope.events[i].location.geometry[0]
                      },
                      icon: "images/icons/markertag.png"
                 };
                 load.push(marker);
              }
              $scope.randomMarkers = load;
  ......
  </code></pre>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;ui-gmap-google-map center='map.center' zoom='map.zoom' options='map.options'&gt;
      &lt;ui-gmap-markers models="randomMarkers" coords="'self'" icon="'icon'" idKey="'id'"&gt;&lt;/ui-gmap-markers&gt;
  &lt;/ui-gmap-google-map&gt;
  </code></pre>
  
  <p>The array randomMarkers is correct, as i check if the array is there with the information.</p>
  
  <p>The map is loading, but no markers are displayed.</p>
  
  <p>Any ideas?</p>