title: ReferenceError: "google is not defined"
body: <p>I use <a href="https://angular-maps.com/api-docs/agm-core/" rel="noreferrer">Angular Google Maps</a> to display a google map in my angular 7 app.</p>
  
  <p>I needed google maps typings to do something like this:</p>
  
  <pre><code>allowedBounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(51.130739, -0.868052), // SW
      new google.maps.LatLng(51.891257, 0.559417) // NE
  );
  </code></pre>
  
  <p>So I did <code>npm install --save-dev @typings/googlemaps</code></p>
  
  <p>I tried many different things to try to resolve the error but none worked for me.</p>
  
  <pre><code>import {} from 'googlemaps'
  declare const google: any; 
  </code></pre>
  
  <p>In tsconfig.json I have <code>"typeRoots": ["node_modules/@types"]</code> and in tsconfig.app.json <code>"types": ["googlemaps"]</code></p>
  
  <p>The app compiles without errors but in chrome console I get an error:</p>
  
  <p><code>ERROR ReferenceError: "google is not defined"</code></p>