角度でjvectormapを実装する方法

Question

私はAngularプロジェクト（ng-version = 4.4.6）で作業しています。私は接続せずに動作する地図を持っている必要があります。 jvectormapを試してみたい。 Angular.jsには、私が見つけたドキュメンテーションとすべてのexemplesが表示されています。私はAngularであまり実験されていないので、私はこのライブラリをどのように実装し、私のプロジェクトでそれを使うのか分かりません。

誰もプロジェクトでそれを使用して、私に方法を示すことができましたか？

おかげ

Answer 1

あなたのコンポーネント内にあなただけのbollow @Componentデコレータこれを行うことによって、jQueryのを宣言する必要がその後、あなたのindex.html 内の公式ドキュメントに記述と同じように両方のjQueryとjVectorMapファイルを含める必要があります。

declare var jQuery: any; 

次にあなたが内部の例ngAfterViewInit()によってあなたの中にあなたがこの

<div id="world-map" style="width: 600px; height: 400px"></div> 

あなたのindex.htmlで

<link href="https://cdn.jsdelivr.net/npm/jvectormap@2.0.4/jquery-jvectormap.css"></link 
<script src="https://cdn.jsdelivr.net/npm/jvectormap@2.0.4/jquery-jvectormap.min.js"></script> 

を追加コンポーネントhtmlファイルをこのコード

ngAfterViewInit(){ 
    jQuery('#world-map').vectorMap(); 
} 

を追加することができます

事iあなたは簡単にjQueryまたは純粋なJSを使用することができます。