Points Not Display On Google map Although I Pushed Latitude And Longitude

Posted by Ahmedsa under Angular on 1/1/2020 | Points: 10 | Views : 4731 | Status : [Member] | Replies : 0

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

I using angular 7

Points Not Display On Google map Although I Pushed Latitude And Longitude .

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

longitude for more points

but these points not exists on map .

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 :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 longitude from browser console :

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

Reply | Reply with Attachment

Alert Moderator

Responses

(No response found.)

Latest Posts