title: add marker to the google maps in angular component
body: <ul>
  <li>I am trying to add marker to the google maps.</li>
  <li>but I am facing below error.
  InvalidValueError: setMap: not an instance of Map; and not an instance of StreetViewPanorama</li>
  <li>can you tell me how to fix it.</li>
  <li>providing code and stackblitz below.</li>
  </ul>
  
  <p><a href="https://stackblitz.com/edit/angular-gmaps-api-suvdaf?file=src/app/map-loader.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-gmaps-api-suvdaf?file=src/app/map-loader.ts</a></p>
  
  
  
  <pre class="lang-or-tag-here prettyprint-override"><code>return MapLoader.load().then((gapi) =&gt; {
        this.map = new google.maps.Map(gmapElement.nativeElement, {
          center: new google.maps.LatLng(lat, lng),
          zoom: zoom,
          mapTypeId: type,
         // label: "A"
        });
  
        this.map1 = new google.maps.Marker({
          label: "A",
          position: { lat: 59.33555, lng: 18.029851 },
          map: map,
          title: 'Hello World!'
        });
  
        // let markerSimple = new google.maps.Marker({
        //   label: "A",
        //   position: { lat: 59.33555, lng: 18.029851 },
        //   map: map,
        //   title: 'Hello World!'
        // });
      });
  </code></pre>