cannot display latitude and longitud for more locations go ?

Question

I using angular 7 i work on googlemap

 

google map already display without points pushed on it .

 

meaning all points not display on map although I have latitude and

longtude for more points

but these points not display on map although it pushed it using marker  .

 

step 1 : on html component

<agm-map
[latitude]="lat"
[longitude]="lng"
[zoom]="zoom"
[disableDefaultUI]="false"
[zoomControl]="false">
<agm-marker
*ngFor="let m of markers;"
[latitude]="m.lat"
[longitude]="m.long"
>
</agm-marker>
</agm-map>

step2 :service.ts

 

getLocationData(ids: Array<number>) {
let observableBatch = [];
ids.forEach((id) => {
observableBatch.push(
this.http.get('http://192.168.7.45:9200/location/_doc/'+id)
.map(res => res ));
});
return Observable.forkJoin(observableBatch);
}

step3 :on component.ts

export class ManagelocationsComponent implements OnInit, AfterViewInit {
markers=[];

this.partDetailsService.getLocationData(locationArr).subscribe(res => {
res.forEach((item, index) => {
let dataLocation = res[index]['_source']['GPS1'];
var loc = dataLocation.split(',');
this.markers.push(
parseFloat(loc[0].trim()),
parseFloat(loc[1].trim())
})

console.log("marker values is" + this.markers);

Result points for latitude and longtude from browser

marker values is

 

5.2951916,100.28825170000005,30.788892,120.632503,13.658933,100.634069,10.328074,123.983185,31.332119,120.723465,31.9195204,120.1029251,18.588375,99.033632,31.301726,120.673733,31.306624,121.616856,14.3091,121.033,22.783944,113.798342,14.173507,121.129545,29.9211,103.797,10.328071,123.98318500000005,2.679124,101.978932,34.593,133.495,43.6407309,-70.32520110000002,31.8406,120.482,1.37437,103.863366,15.4507,120.605,37.5127,126.786

google map not show points above why and how to solve it .