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
- [latitude]="lat"
- [longitude]="lng"
- [zoom]="zoom"
- [disableDefaultUI]="false"
- [zoomControl]="false">
- *ngFor="let m of markers;"
- [latitude]="m.lat"
- [longitude]="m.long"
- >
step2 :service.ts
- getLocationData(ids: Array
) { - 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 .
ahmed elbarbaryPosted Jan 6, 2020, 4:04 PM