Angular 2 with angular2-google-map

Question

我想問一個關於angular2-google-map的角度問題2.我遵循https://angular-maps.com/docs/getting-started.html中的說明。運行「NG服務」提供以下錯誤：

enter image description here

我已經挖左右，但角2沒有SystemJS配置node_module。

Answer 1

經過深夜的挖掘，我找到了答案。下面步驟是修復爲 「不具有出口構件 'AgmCoreModule'」：

內部的package.json：

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

在命令行：

npm install 

的Getting Started僅表現安裝在創建項目後打包。因爲我還是新手，這個錯誤是我看不見的。謝謝Karbos 538和Roman C.幫助我在Stackoverflow。

Answer 2

要獲得現在稱爲@ agm/core的angular2-google-map，請務必更新選擇器標籤。作者尚未更新文檔（在這篇文章的這一時刻）。

最後更新前：

NPM安裝angular2 - 谷歌 - 地圖--save

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

現在經過最新的更新

NPM安裝@ AGM /核心--save

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

示例設置：

文件：谷歌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() { 
    } 

} 

文件：谷歌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()}]]