title: Angular 2 Google Map with Multiple Markers
body: <p>I'm currently developing an Angular2 project which using Google Maps.</p>
  
  <p>I'm trying to display the markers and multiple markers around the area.
  I've got the map working but can't seem to marker.</p>
  
  <pre><code>&lt;div class="google-maps"&gt;&lt;/div&gt;
  
  
  
  constructor(private _elementRef:ElementRef) {
    }
    ngAfterViewInit() {
      let el = this._elementRef.nativeElement.querySelector('.google-maps');
      GoogleMapsLoader.load((google) =&gt; {
        let myLatlng = new google.maps.LatLng(44.5403,-78.5463);
        new google.maps.Map(el, {
          center: new google.maps.LatLng(44.5403, -78.5463),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
  
        });
        new google.maps.Marker(el,{ 
          draggable: true,
          animation: google.maps.Animation.DROP,
            position: myLatlng,
              title:"Hello World!"
            });
          }); 
    }
  </code></pre>