anchor.diff:  .code-highlight
     :marked
       ```typescript
  -    import {Component} from 'angular2/core';
  +    import {Component} from '@angular/core';
       import {ANGULAR2_GOOGLE_MAPS_DIRECTIVES} from 'angular2-google-maps/core';
   
       @Component({
  
positive.code:         }
        `],
        template: `
          <h1>My first angular-google-maps app!</h1>
  
          <!-- this creates a google map on the page with the given lat/lng from the component as the initial center of the map: -->
  
  
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:
  
  