2017-02-04 12 views
2

私はAngular-2をかなり使い慣れていて、Angular-CLIを使ってLeafletjを設定するステップを探しています。私のindex.htmlにJSとCSSを含まないようにしています。私はウィジェットを構築しているので、グローバルにインポートするべきではありません。Angular-CLIを使用したリーフレット

ご迷惑をおかけして申し訳ございません。

+0

[angular2-リーフレット-スターター](HTTPSあります.com/haoliangyu/angular2-leaflet-starter)がありますが、angle-cliは使用していません。私は[mapbox-gl](https://www.mapbox.com/)を使っていましたが、コンポーネントでそれをどうやって手に入れるかを考えれば十分でしたが、残念ながら 'const mapboxgl = require( '../../../ node_modules/mapbox-gl/dist/mapbox-gl.js'); '、' const Map = mapboxgl.Map'です。 – BrandonReid

+1

これはグローバルパッケージとして欲しいと思います。 次のコマンドを使用して、パッケージのインストールを開始します。プロジェクトのルートフォルダにある場合、npm install leaflet --save。パッケージをインストールしたら、angle-cli.jsonのスタイルとスクリプトファイルのパスを "styles":[]と "scripts":[]セクションに入力することができます。 –

+0

ありがとうございます。しかし、グローバルではありません。私はウィジェットを作っているので、それを特定のモジュール/コンポーネントにインポートする必要があります。私は前に外部のライブラリを実際にインポートしていません。 require()を使う必要がありますか? – BBaysinger

答えて

4

プロジェクトのルートフォルダにある場合は、 npm install leaflet --save を使用してパッケージをインストールしてください。

私はあなたがグローバルパッケージとしてリーフレットをしたい:パッケージがインストールされている場合

あなたは下角度-cli.jsonに/ node_modules下にあるスタイルとスクリプトファイルのパスのを入力することができるはずですセクション:"styles": []"scripts": []

この詳細についてはangular-cli project pageで読むことができます。あなたは、モジュールの書き込みの上に既存のモジュール

にパッケージをインポートする場合

:// githubの:

import leaflet from 'leaflet'; 
+0

は、「import leaflet」の代わりに「import L」を持たなければならなかった – schellmax

関連する問題