I am trying to display a Polyline on an Ionic application using Angular Google Maps with coordinates from a database. I read the documentation on the Angular Google Maps site regarding getting the coordinates and attempting to create the path via the coordinates from an API. I tried using Angular.forEach to use checklat and checklong as my coordinates but it doesn't show anything on the map. How can I use the coordinates on the data below to display as a polyline? 

Data from API: 

```
  _id   "57393e042613d90300a35a0a"
  tripstatus    "1"  
  tripcreated   "1463367863236"
  tripdescription   "testing one two three. i am ironman."
  tripname  "New trip to test user current trip"  
  __v   0 
 checks 
 0  checklat    " 10.72403187357376"
    checklong   "122.53443290985284"
    time    "1463367863236"
    _id "57394ae62613d90300a35a10"
 1  checklat    "10.724010661667863"
    checklong   "122.53442867631733"
    time    "1463367863236"
    _id "57394b272613d90300a35a16"
 2  checklat    "10.6817828"
    checklong   "122.5389465"
    time    "1463367863236"
    _id "57394c662613d90300a35a1a"

```

My Controller: 

```
 TripFac.getTrip(id).success(function(data) { 

 $scope.trips = data;   

 var latlng = data[0].checks; 

 angular.forEach(latlng, function(path) {      
    path = { 
       latitude: checklat, 
       longitude: checklong
    }
 });

 $scope.latlng = latlng;   
 });  

 //Get Trip Points and put on polyline 
 $scope.polylines = [];
    uiGmapGoogleMapApi.then(function(){
      $scope.polylines = [
        {
            path: latlng, 
            stroke: {
                color: '#6060FB',
                weight: 3
            }, 
            geodesic: true,
            visible: true,
            icons: [{
                icon: {
                    path: google.maps.SymbolPath.BACKWARD_OPEN_ARROW
                },
                offset: '25px',
                repeat: '50px'
            }]
        }
    ];
});

```

My view: 

```
<ui-gmap-google-map 
center="map.center" 
zoom="map.zoom" 
id="wrapper"> 
<style>
 .angular-google-map-container { height:450px; width:auto;  } 
</style> 

 <ui-gmap-polyline ng-repeat="p in polylines" path="p.path" stroke="p.stroke" visible='p.visible' geodesic='p.geodesic' fit="false" editable="p.editable" draggable="p.draggable" icons='p.icons'></ui-gmap-polyline>

</ui-gmap-google-map>

```