Angular 2 with angular2-google-map

问题描述：

我想问一个关于angular2-google-map的角度问题2.我遵循https://angular-maps.com/docs/getting-started.html中的说明。运行“NG服务”提供以下错误：Angular 2 with angular2-google-map

enter image description here

我已经挖左右，但角2没有SystemJS配置node_module。

尝试'NPM install'之前'纳克serve' –

让我试试先。 –

谢谢，解决角度/核心问题。但是然后它返回错误'没有导出成员'AgmCoreModule'''。 –

答

经过深夜的挖掘，我找到了答案。下面步骤是修复为 “不具有出口构件 'AgmCoreModule'”：

内部的package.json：

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

在命令行：

npm install

的Getting Started仅表现安装在创建项目后打包。因为我还是新手，这个错误是我看不见的。谢谢Karbos 538和Roman C.帮助我在Stackoverflow。

我希望我的这篇文章对于那些正在学习Angular 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()}]]

Angular 2 with angular2-google-map

相关推荐