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

Question

我想在Angular 2应用程序中使用gmaps.js外部库。我正在使用Webpack来加载我的模块。

有人可以帮我解决这个问题吗？

提前谢谢你......

Answer 1

有一个已经为此构建的库：angular2-google-maps

https://angular-maps.com/

我目前正在研究这个问题，因为它现在似乎并不是一个完整的开箱即用的解决方案，因为它缺少几个功能并且有一些相关的问题，正如你可以从中看到的那样项目github开放问题页面。

但它确实有效，如果您正在寻找易于使用的组件来实现应用程序的小方面功能，那么它可能会成为现实。

使用webpack并不难：

- 通过npm

安装ng2谷歌地图

npm install angular2-google-maps --save

- 导入所需的元素

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

- 并在你的组件中使用它们：如果你看一下app / main.ts，那么入门的plunker也可以和webpack一起工作（我不打算在这里发布'因为代码不是我的）

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