anchor.diff:          "noImplicitAny": false
         },
         "exclude": [
  -        "node_modules"
  +        "node_modules",
  +        "typings/main",
  +        "typings/main.d.ts"
         ]
       }
       ```
  -
  +    
  +:marked
  +  ### systemjs.config.js
  +  Next, we have to configure SystemJS, which loads our JavaScript modules. Please add the following **systemjs.config.js** to the project folder.
  +
  +.code-highlight
  +  :marked
  +    ```markup
  +    (function(global) {
  +      // map tells the System loader where to look for things
  +      var map = {
  +        'app':                        'app', // 'dist',
  +        'rxjs':                       'node_modules/rxjs',
  +        '@angular':                   'node_modules/@angular'
  +      };
  +      // packages tells the System loader how to load when no filename and/or no extension
  +      var packages = {
  +        'app':                        { main: 'main.js',  defaultExtension: 'js' },
  +        'rxjs':                       { defaultExtension: 'js' }
  +      };
  +      var packageNames = [
  +        '@angular/common',
  +        '@angular/compiler',
  +        '@angular/core',
  +        '@angular/http',
  +        '@angular/platform-browser',
  +        '@angular/platform-browser-dynamic',
  +        '@angular/router',
  +        '@angular/router-deprecated',
  +        '@angular/testing',
  +        '@angular/upgrade',
  +      ];
  +      // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
  +      packageNames.forEach(function(pkgName) {
  +        packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
  +      });
  +      var config = {
  +        map: map,
  +        packages: packages
  +      }
  +      System.config(config);
  +    })(this);
  +    ```
   :marked
     ### index.html
     Our application will be served via a index.html. Add an **index.html** to the root directory of your project and add the following content:
  
positive.code:       - index.html
        - node_modules
        - package.json
        - tsconfig.json
        - typings.json
      ```
  
negative.code:     </html>
      ```
  :marked
    ### Update systemjs.config.js
    Next, we have to add one new line to our existing **systemjs.config.js**:
  
  .code-highlight
    :marked
      ```markup
      (function(global) {
        // map tells the System loader where to look for things
        var map = {
          'app':                        'app', // 'dist',
          'rxjs':                       'node_modules/rxjs',
          '@angular':                   'node_modules/@angular'
        };
        // packages tells the System loader how to load when no filename and/or no extension
        var packages = {
          'app':                        { main: 'main.js',  defaultExtension: 'js' },
          'rxjs':                       { defaultExtension: 'js' },
          
          // ----> ADD THE FOLLOWING LINE !!!
          'angular2-google-maps':       { defaultExtension: 'js' }
        };
        var packageNames = [
          '@angular/common',
          '@angular/compiler',
          '@angular/core',
          '@angular/http',
          '@angular/platform-browser',
          '@angular/platform-browser-dynamic',
          '@angular/router',
          '@angular/router-deprecated',
          '@angular/testing',
          '@angular/upgrade',
        ];
        // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
        packageNames.forEach(function(pkgName) {
          packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
        });
        var config = {
          map: map,
          packages: packages
        }
        System.config(config);
      })(this);
      ```
      
  :marked
    ### Creating the app folder
    Before we start writing an Angular 2 component, that uses angular2-google-maps, let's create an app folder:
  
  