如何将Leaflet整合到Angular 5中

Question

我已经获得了标准的Angular 5版本，并且我试图包含一个Leaflet地图。当我遵循它时，文档给我一个错误。我试图通过NPM导入Leaflet并包含它，但我找不到文档。

我知道我需要CSS，ID标签和导入......

我已下载＆＃34;传单＆＃34;进入我的＆＃34; node_modules文件夹＆＃34;。

现在怎样？ Leaflet模块的导入代码是什么，我需要将其放入我的＆＃34; app.module.ts＆＃34;文件？

Answer 1

首先，为了更好的开发，请通过npm @types/leaflet安装以获取应用程序中的传单类型。之后，您需要创建具有Map属性的组件（从leaflet导入）并使用工厂函数map（也从leaflet导入）。大多数示例都使用id显示配置，但您可以传递HTMLElement。

constructor(private element: ElementRef) {}

ngAfterViewInit() {
  this.map = map(this.element.nativeElement, {...options})
}

此时，我使用组件将库开发为与Angular 5集成的传单。第一个稳定版将在下周发布，但我在npm here上发布了第一个测试版。