如何使用webpack在Angular 2中使用gmaps.js？

Question

我想在Angular 2應用程序中使用gmaps.js外部庫。我是Webpack加載我的模塊。

任何人都可以請幫助我我怎麼能？

預先感謝您...

Answer 1

那麼有已經建立了一個庫：angular2 - 谷歌 - 地圖

https://angular-maps.com/

我目前正在研究解決這個問題也因爲它因爲它缺少幾個特性，並且有一些相關的問題，因此您可以從項目github的開放式問題頁面中看到它，因爲它似乎實際上並不是一個完整的開箱即用的解決方案。

但它確實有效，如果您正在尋找易於使用的組件來實現應用程序的小型功能，該方法可能會有用。

不難用的WebPack使用它：通過NPM

npm install angular2-google-maps --save 

-install的NG2谷歌地圖-import所需要的元素

/** 
* ng2 Google maps 
*/ 
import { 
MapsAPILoader, 
NoOpMapsAPILoader, 
MouseEvent, 
GOOGLE_MAPS_DIRECTIVES, 
GOOGLE_MAPS_PROVIDERS 
} from 'angular2-google-maps/core'; 

-and中使用它們的組件：如果你看app/main.ts（我不打算在這裏發佈，因爲代碼不是我的），入門的plunker應該和webpack一起工作

http://plnkr.co/edit/YX7W20?p=preview