각도로 jvectormap을 구현하는 방법

저는 Angular 프로젝트 (ng-version = 4.4.6)에서 작업 중입니다. 나는 연결없이 작동 할지도가 필요합니다. 나는 jvectormap을 시험해보고 싶다. Angular.js에 대한 문서와 모든 사례가 나와 있습니다. Angular에서 아주 실험적이지는 않지만이 라이브러리를 구현하고 프로젝트에서 사용하는 방법을 모른다.각도로 jvectormap을 구현하는 방법

아무도 프로젝트에서 사용하고 나에게 그 방법을 보여줄 수 없었습니까?

감사

출처

2017-12-08 Yesub

당신은 당신이 단지 bollow @Component의 장식을 수행하여 jQuery를 선언해야 구성 요소 내부 다만 그런 다음 index.html을 내부의 공식 문서에 설명 된 좋아 모두 jQuery를하고 jVectorMap 파일을 포함해야한다.

declare var jQuery: any;

은 그럼 당신은 내 예를 ngAfterViewInit()에 의해 당신이 당신의 index.html을에서이

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

추가 구성 요소를 HTML 파일 내부 코드

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

을 추가 할 수 있습니다

<link href="https://cdn.jsdelivr.net/npm/[email protected]/jquery-jvectormap.css"></link 
<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery-jvectormap.min.js"></script>

물건 i 두 번째로 typescript로 인해 각도가 2 인 경우 jQuery 또는 순수 JS를 쉽게 사용할 수 있습니다.

출처

2017-12-08 15:50:10

감사합니다. 내가 기대했던 것보다 쉬울 것 같다. 나는 월요일까지 내 컴퓨터 앞에 앉지 않을 것이지만 가능한 빨리 시도 할 것입니다. – Yesub

좋아요! 그게 도움이되는지 알려주세요. –

안녕하세요. 나는 당신이 그것을 묘사하는 방식으로지도를 구현하려고합니다. 하지만 오류가 "jQuery (...). vectorMap 함수가 아닙니다"내 구성 요소에서 호출하려고 할 때. 문제가 될 수있는 어떤 단서가 있습니까? – Yesub

각도로 jvectormap을 구현하는 방법

답변

관련 문제