Google Map Markers not displaying


#1

I am trying to display a parsed JSON feed list of event locations on map with markers but for some reason I can’t seem to get the markers to display. The map view loads fine just doesn’t display the markers. Any help is appreciated for getting the markers displayed. I will leave my code sample below for marker functionality…

http.ts :

api: string = 'http://app.toronto.ca/cc_sr_v1_app/data/edc_eventcal_APR';  
getJsonData(){
return new Promise(resolve => {
this.http.get(this.api).subscribe(data => {
  resolve(data);
}, err => {
  console.log(err);
});
});
}

home.ts

getMarkers(){

this.addMarkersMap(this.httpProvider.getJsonData());

}

getdata(){

this.eventData=JSON.parse(JSON.stringify(this.httpProvider.getJsonData()));

 }

addMarkersMap(markers){
 for(let marker of markers)
 {
var loc = marker.calEvent.locations[0]['coords'];
//let creates a variable declaration for each loop which is block level declaration. 
let name  = marker.calEvent["eventName"];
let webSite = marker.calEvent["eventWebsite"];
let description = marker.calEvent["description"];
let orgPhone  = marker.calEvent["orgPhone"];
let categories = marker.calEvent["categoryString"];
marker = new google.maps.Marker({
   position: loc,
  map: this.map,
  
  });