title: Trouble getting Angular Google Map AGM to work with Angular 11
body: <p>I installed agm/core using npm like this:</p>
  <pre><code>npm install @agm/core
  </code></pre>
  <p>The following warnings were displayed:</p>
  <pre><code>npm WARN @agm/core@3.0.0-beta.0 requires a peer of @angular/common@^9.1.0 || ^10.0.0 but none is installed. You must install peer dependencies yourself.
  npm WARN @agm/core@3.0.0-beta.0 requires a peer of @angular/core@^9.1.0 || ^10.0.0 but none is installed. You must install peer dependencies yourself.
  </code></pre>
  <p>I continued nevertheless and imported AgmCoreModule into AppModule as per docs like this:</p>
  <pre><code>AgmCoreModule.forRoot({
        apiKey: 'MY MAP KEY',
        libraries: ['places']
      })
  </code></pre>
  <p>However, when trying to serve the app with <strong>ng serve</strong>, the following errors occur:</p>
  <pre><code>Error: node_modules/@agm/core/lib/services/google-maps-api-wrapper.d.ts:50:41 - error TS2314: Generic type 'MapHandlerMap&lt;T&gt;' requires 1 type argument(s).
  50     subscribeToMapEvent&lt;N extends keyof google.maps.MapHandlerMap&gt;(eventName: N): Observable&lt;google.maps.MapHandlerMap[N]&gt;;
                                             ~~~~~~~~~~~~~~~~~~~~~~~~~
  node_modules/@agm/core/lib/services/google-maps-api-wrapper.d.ts:50:94 - error TS2314: Generic type 'MapHandlerMap&lt;T&gt;' requires 1 type argument(s).
  50     subscribeToMapEvent&lt;N extends keyof google.maps.MapHandlerMap&gt;(eventName: N): Observable&lt;google.maps.MapHandlerMap[N]&gt;;
                                                                                                  ~~~~~~~~~~~~~~~~~~~~~~~~~
  node_modules/@agm/core/lib/services/managers/marker-manager.d.ts:25:93 - error TS2694: Namespace 'google.maps' has no exported member 'MarkerMouseEventNames'.
  
  25     createEventObservable&lt;T extends (google.maps.MouseEvent | void)&gt;(eventName: google.maps.MarkerMouseEventNames | google.maps.MarkerChangeOptionEventNames, marker: AgmMarker): Observable&lt;T&gt;;
                                                                                                 ~~~~~~~~~~~~~~~~~~~~~
  node_modules/@agm/core/lib/services/managers/marker-manager.d.ts:25:129 - error TS2694: Namespace 'google.maps' has no exported member 'MarkerChangeOptionEventNames'.39m
  
  25     createEventObservable&lt;T extends (google.maps.MouseEvent | void)&gt;(eventName: google.maps.MarkerMouseEventNames | google.maps.MarkerChangeOptionEventNames, marker: AgmMarker): Observable&lt;T&gt;;
  </code></pre>
  <p>I have this working on an existing Angular 7 application already. But I am trying to upgrade to Angular 11 and having problems getting @agm/core to work.<p>
  I am also aware of an official Angular google-map component, but I need to use the autocomplete feature that seems to integrate well with agm, and couldn't find any docs to do this with the google-map component.<p>
  Has anyone managed to successfully use <strong>@agm/core</strong> with Angular 11?<br>
  Help and suggestions much appreciated.</p>