title: Property 'Draw' does not exist on type 'typeof Control'
body: <p>I'm attempting to implement a map component with leaflet and other leaflet plugins. The issue is other plugins don't work from TypeScript for some reason.</p>
  
  <p>For example I'm unable to compile code with leaflet-draw plugin and getting the error:</p>
  
  <blockquote>
    <p>Property 'Draw' does not exist on type 'typeof Control'</p>
  </blockquote>
  
  <p>mapbox.component.ts</p>
  
  <pre><code>import { DataService } from "../data-service.service";
  import { Component, OnInit } from '@angular/core';
  
  
  import * as $ from 'jquery';
  /// &lt;reference types="leaflet" /&gt;
  /// &lt;reference types="leaflet-draw" /&gt;
  
  declare var require: any
  
  
  @Component({
      selector: 'app-mapbox',
      templateUrl: './mapbox.component.html',
      styleUrls: ['./mapbox.component.css']
  })
  
  export class MapboxComponent implements OnInit {
  
      constructor(private dataService: DataService) { }
      // helper flags
      map: L.Map = null;
      aggreagte: boolean = false;
  
      ngOnInit() {
          // Prepare map
          this.map = L.map('resultmap').setView([51.505, -0.09], 1);
          //
          L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
              attribution: 'Map data &amp;copy; &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors, &lt;a href="http://creativecommons.org/licenses/by-sa/2.0/"&gt;CC-BY-SA&lt;/a&gt;, Imagery © &lt;a href="http://mapbox.com"&gt;Mapbox&lt;/a&gt;',
              maxZoom: 18,
              id: 'mapbox.streets',
              accessToken: '...'
          }).addTo(this.map);
  
          var drawnItems = L.featureGroup();
          this.map.addLayer(drawnItems);
          var control = new L.Control.Draw();
          ...
  </code></pre>
  
  <p>angular-cli.json</p>
  
  <pre><code>"apps": [
      {
        "root": "src",
        "outDir": "dist",
        "assets": [
          "assets",
          "favicon.ico"
        ],
        "index": "index.html",
        "main": "main.ts",
        "polyfills": "polyfills.ts",
        "test": "test.ts",
        "tsconfig": "tsconfig.json",
        "prefix": "app",
        "styles": [
          "styles.css",
          "../node_modules/leaflet/dist/leaflet.css",
          "../node_modules/leaflet-markercluster/MarkerCluster.css",
          "../node_modules/leaflet-draw/dist/leaflet.draw.css"
        ],
        "scripts": [
          "../node_modules/jquery/dist/jquery.min.js",
          "../node_modules/leaflet/dist/leaflet.js",
          "../node_modules/leaflet-markercluster/leaflet.markercluster.js",
          "../node_modules/leaflet-draw/dist/leaflet.draw.js",
          "../node_modules/chart.js/dist/Chart.bundle.min.js"
        ],
        "environments": {
          "source": "environments/environment.ts",
          "dev": "environments/environment.ts",
          "prod": "environments/environment.prod.ts"
        }
      }
    ]
  ...
  </code></pre>
  
  <p>tsconfig.json</p>
  
  <pre><code>"compilerOptions": {
      "declaration": false,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "module": "commonjs",
      "moduleResolution": "node",
      "outDir": "../dist/out-tsc-e2e",
      "sourceMap": true,
      "target": "es5",
      "files":[
        "../node_modules/@types/leaflet-draw/index.d.ts"
      ],
      "typeRoots": [
        "../node_modules/@types"
      ],
      "types":[
        "jquery",
        "leaflet",
        "leaflet-draw",
        "leaflet-markercluster"
      ]
    }
  </code></pre>