title: ui-gmap-markers showing only one marker
body: <p>I am trying to display multiple markers on a map using ui-google-maps library for angular but it is showing only one marker.</p>
  
  <pre><code>&lt;div  id="map_canvas" ng-controller="mainCtrl"&gt;
  &lt;h1 align="center"&gt;Maps&lt;/h1&gt;
  &lt;ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options"&gt;
  &lt;ui-gmap-markers models="rmarkers" coords="'self'"  fit='true' icon="'icon'"&gt;
  &lt;/ui-map-markers&gt;
  &lt;/ui-gmap-google-map&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  angular.module('main', ['google-maps'.ns()])
  .controller('mainCtrl', function($scope,$http) {
      $scope.map = {center: {latitude: 42.3349940452867, longitude: -71.0353168884369 }, zoom: 14 };
      //$scope.marker={id: 1, coords: {latitude: 42.3349940452867, longitude: -71.0353168884369 }};
      $scope.options = {scrollwheel: false};
       $scope.rmarkers=[{id: 101, latitude: 42.3349940452867, longitude: -71.0353168884369},
             {id: 102,latitide: 42.35114190333,longitude: -71.0662789402048},
             {id: 103,latitide: 43.35114190333,longitude: -72.0662789402048},
             {id: 104,latitide: 44.35114190333,longitude: -73.0662789402048}];});
  </code></pre>