angular - 为 Angular 2+ 导入 Leaflet

Question

我是 Angular 2 的新手，正在寻找使用 Angular 2 设置 Leafletjs 所涉及的步骤。希望避免将 JS 和 CSS 包含到我的 index.html 中。它不应该全局导入，因为我正在构建一个小部件。

如有任何帮助，我们将不胜感激。

Answer 1

开始使用安装包npm install leaflet --save 当您位于项目的根文件夹中时。

我想将 Leaflet 作为一个全局包:

安装包后，您应该能够在 angular-cli.json 的 node_modules/下找到样式和脚本文件的路径，位于以下部分:"styles": [ ] 和 “脚本”:[]

您可以在 angular-cli project page 阅读更多相关信息.

如果要将包导入现有模块

在你的模块顶部写:

import leaflet from 'leaflet';