Angular2，第三方回調初始化組件

Question

我的最終目標是使用Angular2構建goolgle地圖組件。

Google Map有自己的庫，可以使用<script>標記（帶有或不帶有callbak）對其進行初始化。

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

由於這是靜態方法，因此對我來說似乎是不可能的。

我處理的另一種方法是像這樣檢查google maps變量

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

並與*ngIf="googleMapReady" 。

在嘗試第二種方法之前，我想知道是否可以從窗口級回調中調用Angular2組件實例函數？

如果是這樣，那我在哪里可以找到這些例子？

Answer 1

Googleapis在window范圍內查找該方法。 為window分配一個方法，並將其名稱傳遞給URL。