Angular2, 타사 콜백 초기화 구성 요소

Question

최종 목표는 Angular2와 관련된 goolgle 맵을 작성하는 것입니다.

Google지도에는 자체 라이브러리가 있으며 callbak이 포함되거나 포함되지 않은 <script> 태그를 사용하여 초기화 할 수 있습니다.

http://maps.googleapis.com/maps/api/js?v=3&sensor=false&callback=initialize

가 나는 angular2 구성 요소를 초기화하거나 angular2 구성 요소의 함수를 호출이 콜백 함수를 사용하고 싶습니다. 예를 들어, 그 이후

http://maps.googleapis.com/maps/api/js?v=3&sensor=false&callback=MapCompnent.initMap

는 저 불가능 보인다 정적 방법이다. 내가 접근하는 또 다른 방법은

이

get googleMapReady() { 
    return window.google.maps; 
} 

처럼 구글지도 변수를 확인하고 *ngIf="googleMapReady"와 함께 사용하는 것입니다.

두 번째 방법을 시도하기 전에 Angular2 구성 요소 인스턴스 함수를 창 수준 콜백에서 호출 할 수 있는지 궁금합니다.

그렇다면 어디에서 그 예제를 찾을 수 있습니까?

Answer 1

Googleapis는 방법의 범위가 window입니다. 메서드를 window에 할당하고 해당 이름을 URL에 전달합니다.

이것은 도움이 될 수도 있습니다. Angular 2 - communication of typescript functions with external js libraries