Google Maps with Multiple Markers

controller

$scope.events = [{
        title: 'Scenic KZN - Garden Route',
        anothetInfo : 'Something',
        type: 'important',
        bookingMaker : 'Camila Levin',
        bookingMakerComp : '80Days',
        /*startsAt: '2015-04-22T12:30:00.000Z',*/
        startsAt: '2015-04-22T11:33:33.000Z',
        endsAt: '2015-04-22T13:33:33.000Z',
        editable: true,
        deletable: false,
        driver : '',
        giude : '',
        map : {center: {latitude: -30.559482, longitude: 22.937506 }, zoom: 6, bounds: {} },
        options : {scrollwheel: false, streetViewControl : false, zoomControl: false},
        routes : {
            start : [ 
                {name:'KwaDukuza', latlng:'-29.366965,31.266000'}
            ],

            ways : [
                {name:'PE', latlng:'-33.958056, 25.600000'}, 
                {name:'Kimberly', latlng:'-28.741944,24.771944'}
            ],
            end : [
                {name:'Cape Town', latlng:'-33.924869,18.424055'}
            ]
        },
        routePoints: {
            start: {},
            end: {}
        },
        markers : [
            {id:01, latitude:-29.366965, longitude:31.266000 },
            {id:02, latitude:-33.958056, longitude:25.600000 },
            {id:03, latitude:-33.924869, longitude:18.424055 },
            /*{id:04, latitude:-26.204103, longitude:28.047305 }*/
        ],

    }];

page

<ui-gmap-google-map center="event.map.center" zoom="event.map.zoom" options="event.options" bounds="event.map.bounds">
      <ui-gmap-markers fit="'true'" models="event.markers" coords="'self'" icon="'icon'">  </ui-gmap-markers>
</ui-gmap-google-map>