angular-google-map: impossible d'obtenir le marqueur sur la carte

Je travaille actuellement pour une application ionique et je dois montrer une carte d'un lieu. J'utilise angular-google-map, et la carte s'affiche à l'écran. Le problème est que je n'ai pas pu obtenir le marqueur sur la carte! Je suis vraiment à court d'idée sur la raison pour laquelle le marqueur n'est pas apparu.

Mon code html:

<div id="map_canvas" ng-controller="mapCtrl">
  <ui-gmap-google-map center="map.center" zoom="map.zoom">
    <ui-gmap-marker coords="marker.coords" idkey="'1'"></ui-gmap-marker>
  </ui-gmap-google-map>
</div>

Mon code controllers.js:

.controller('mapCtrl', function($scope) {
  $scope.map = { center: { latitude: 3.133098, longitude: 101.6816 }, zoom: 16};
  $scope.marker = {coords: { latitude: 3.133098, longitude: 101.6816 } };
});