如何使用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