title: Does anyone know how to add google maps to an angular 2 app?
body: <p>Does anyone know how to add google maps to an angular 2 app ?</p>
  
  <p>I'm currently linking to it in my index.html page like so:</p>
  
  <pre><code>   &lt;script src="node_modules/angular2-google-maps/bundles/angular2-google-maps.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But I get this console error when using it in my angular 2 component:</p>
  
  <p>system.src.js:1061 GET <a href="http://localhost:3000/angular2-google-maps/core" rel="nofollow noreferrer">http://localhost:3000/angular2-google-maps/core</a> 404 (Not Found)</p>
  
  <p><strong>This is the screen shot of my console:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/sBhIK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sBhIK.png" alt="enter image description here"></a></p>
  
  <p><strong>system config:</strong></p>
  
  <pre><code>System.config({
    packages: {      
      app: {
        format: 'register',
        defaultExtension: 'js'
      },
      'angular2-google-maps': { defaultExtension: 'js' }
    }
  });
  System.import('app/boot')
        .then(null, console.error.bind(console));
  </code></pre>