Click here to Skip to main content
15,844,009 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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 .


Result points for latitude and longitude from browser console :

What I have tried:

<pre>step 1 : on html component

 <pre lang="CSS"><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

CSS
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);


 marker values is
<pre lang="CSS">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
Posted
Updated 31-Dec-19 20:35pm
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900