angular2-google-maps with angular2 app

Question

I have setup the angular2-google-map with angular2 application.

And here is the app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }  from './app.component';
import { AgmCoreModule} from 'angular2-google-maps/core';
@NgModule({
  imports:      [ BrowserModule, AgmCoreModule.forRoot({apiKey: 'AIzaSyAe3ci9yavJcWt7MaJE8DusAuZo-QeRqkU'}) ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ],
})
export class AppModule { }

And i installed the angular2-google-maps with the command,

npm install angular2-google-maps --save

which got successfully installed. when i run the application with npm start, it shows an error saying,

http://localhost:3000/angular2-google-maps/core Failed to load resource: the server responded with a status of 404 (Not Found)

but i can see the angular2-google-maps folder inside the node_modules. what is the issue?

at the time of npm install, did it throw any warnings or exceptions, the least you can try now is npm install and then cache clean and then reinstall — Rahul Singh, Jan 25 '17 at 05:48
@PankajParkar no am using quickstart project which has system.js — Sajeetharan, Jan 25 '17 at 05:49
did you tried this ways? http://stackoverflow.com/questions/35970965/cant-use-external-dependencies-in-angular2 — Ramesh Rajendran, Jan 25 '17 at 05:49

score 5 · Accepted Answer · answered Jan 25 '17 at 05:50

5

You forgotten to add map for in system.config.js

'angular2-google-maps/core': 'npm:angular2-google-maps/core/core.umd.js'

By adding above to systemjs configuration. Module loader will understand to load core.umd.js when you tries to import angular2-google-maps/core .

answered Jan 25 '17 at 05:50

Pankaj Parkar

134,766
23
234
299

now that error is gone, it shows Failed to load resource: the server responded with a status of 404 (Not Found) – Sajeetharan Jan 25 '17 at 05:54
Check css file has been present on that path – Pankaj Parkar Jan 25 '17 at 06:11
i have fixed that too, now maps shows empty gray area, any idea? – Sajeetharan Jan 25 '17 at 06:12
Not sure, plunkr please – Pankaj Parkar Jan 25 '17 at 06:13

angular2-google-maps with angular2 app

1 Answers1