Click here to Skip to main content
15,886,422 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
How to add multilocations on google map using angular 7 ?


Result points for latitude and longitude from browser :
 
dataLocation values is
 
5.2951916,100.28825170000005,  
30.788892,120.632503,  
13.658933,100.634069,  
10.328074,123.983185,  
31.332119,120.723465  
 
I need to add latitude and longitude above on  google map 
so How to represent this on google map based on datalocation result please  


What I have tried:

on html component
HTML
<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

HTML
export class ManagelocationsComponent implements OnInit, AfterViewInit {  
markers=[];  
this.partDetailsService.getLocationData(locationArr).subscribe(res => {  
res.forEach((item, index) => {  
let dataLocation = res[index]['_source']['GPS1'];  
})  
console.log("dataLocation values is" + dataLocation );
Posted
Comments
Christian Graus 6-Jan-20 17:47pm    
That looks reasonable. What is going wrong?
ahmed_sa 7-Jan-20 4:55am    
thank you for reply actually my problem points of latitude and longitude not display on google map although I have points so actually I need points above show or display on google map so How to do that please if possible help me
ahmed_sa 7-Jan-20 10:55am    
can any one help me
ahmed_sa 13-Jan-20 13:24pm    
my wrong on that question is I cannot put points above on google map
so please i need help
I need resume code above to pinpoint these locations above on google map

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



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