Как включить листовку-машину маршрутизации в угловое приложение 2 typcript webpack
Я использовал это начальное значение для начала работы с Angular 2 Typescript и Webpack:https://github.com/haoliangyu/angular2-leaflet-starter.
Я новичок в большинстве используемых инструментов и технологий (Angular 2, Typescript, Webpack). Хотя я все больше понимаю об этом, мне кажется, что я до сих пор не понял, каксторонние нетипизированные JS-библиотеки включены:
Я хотел бы включитьлистовка-маршрутизации machine.js в мой проект. Насколько мне известно, хотя существуют листовки для листовки, не существует типографики для листовки-машины маршрутизации.
Я установил пакет черезnpm install
и добавил необходимыекод быстрого старта отобразить маршрут.
map.service.ts
/// <reference path="../../typings/leaflet/leaflet.d.ts"/>
import {Injectable} from 'angular2/core';
import {Map} from 'leaflet';
Injectable()
export class MapService {
map: Map; // holds reference to the normal leaflet map object
showRoute(){
L.Routing.control({
waypoints: [
L.latLng(47.569198, 7.5874886),
L.latLng(47.5685418, 7.5886755)
]
}).addTo(this.map);
}
}
Ошибка, которую я получаюnpm start
является:
ERROR in ./app/services/map.service.ts
(56,11): error TS2339: Property 'Routing' does not exist on type 'typeof L'.
Насколько я понимаю, я не должен включать файл JS в index.html, так как это должно автоматически выполняться веб-пакетом. Рядом с тем, что я вообще не уверен, как включить сторонние библиотеки без ввода (ответы какэтот не помогло) кажется, мой случай немного отличается, потому чтоL
Объект является стандартной листовкой и не знаетRouting
имущество. Что я как-то понимаю, так как не вижу, как библиотека машин маршрутизации расширяет библиотеку листовок.
Какие-либо предложения?