angular - Angular 2 与 angular2-google-map

Question

我想问关于 angular2 中的 angular2-google-map 的问题。我已按照https://angular-maps.com/docs/getting-started.html中的说明进行操作。运行 'ng serve' 会出现以下错误：

在此处输入图像描述

我四处挖掘，但 angular 2 没有 SystemJS 来配置 node_module。

Answer 1

要让现在称为 @agm/core 的 angular2-google-map 正常工作，更新选择器标签很重要。作者尚未更新文档（在帖子的这一刻）。

上次更新前：

npm install angular2-google-maps --save

<sebm-google-map [latitude]="lat" [longitude]="lng">
  <sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google-map-marker>
</sebm-google-map>

现在在最新更新之后

npm install @agm/core --save

<sebm-google-map [latitude]="lat" [longitude]="lng">
  <sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google-map-marker>
</sebm-google-map>

示例设置：

文件：google-maps.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-google-maps',
  templateUrl: './google-maps.component.html',
  styleUrls: ['./google-maps.component.css'],
})

export class GoogleMapsComponent implements OnInit {
  lat: number = 51.678418;
  lng: number = 7.809007;

constructor() { }

  ngOnInit() {
  }

}

文件：google-maps.component.html

<agm-map [latitude]="lat" [longitude]="lng">
  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

文件：google-maps.component.css

.sebm-google-map-container {
  height: 300px;
}

文件：app.module.ts

import { AgmCoreModule } from '@agm/core';
@NgModule({imports: [AgmCoreModule.forRoot()}]]

Answer 2

经过一夜的挖掘，我找到了答案。以下步骤是“没有导出成员 'AgmCoreModule'”的修复：

在 package.json 里面：

"@agm/core": "1.0.0-beta.0"

在命令行中：

npm install

入门仅显示在创建项目后安装包。由于我对此还很陌生，因此我看不到该错误。感谢 Karbos 538 和 Roman C. 在 Stackoverflow 中帮助我。