How to display more than one location on google map?

Question

User696604810 posted

problem

my problem is cannot display locations below on google map so what i do .

I already have have locations on data location object as below :

Result points for latitude and longitude from browser for datalocation

latitude longtude
5.2951916,100.28825170000005,
30.788892,120.632503,
13.658933,100.634069,
10.328074,123.983185,
31.332119,120.723465

my code as below

on component.ts

export class ManagelocationsComponent implements OnInit, AfterViewInit { 
this.partDetailsService.getLocationData(locationArr).subscribe(res => { 
res.forEach((item, index) => { 
let dataLocation = res[index]['_source']['GPS1'];

}) 
//how to display points result on google map
console.log("dataLocation values is" + dataLocation);

Answer 1

User-474980206 posted

start here:

https://developers.google.com/maps/documentation/javascript/adding-a-google-map

note: your markers are pretty far apart, so will require a pretty zoomed out map.

Answer 2

User696604810 posted

thank you for reply

can you please help me

sample for only one point location

i need to set multiple pen location of google map

so how to do that 

i suggest resume my code above if possible