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
– Rahul Singh, Commented Jan 25, 2017 at 5:48
@PankajParkar no am using quickstart project which has system.js — Sajeetharan
– Sajeetharan, Commented Jan 25, 2017 at 5:49
did you tried this ways? stackoverflow.com/questions/35970965/… — Ramesh Rajendran
– Ramesh Rajendran, Commented Jan 25, 2017 at 5:49

Pankaj Parkar · Accepted Answer · 2017-01-25 05:50:15Z

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, 2017 at 5:50

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Sajeetharan Over a year ago

now that error is gone, it shows Failed to load resource: the server responded with a status of 404 (Not Found)

Pankaj Parkar Over a year ago

Check css file has been present on that path

Sajeetharan Over a year ago

i have fixed that too, now maps shows empty gray area, any idea?

Pankaj Parkar Over a year ago

Not sure, plunkr please

Collectives™ on Stack Overflow

angular2-google-maps with angular2 app

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related