Angulaire 2 avec angular2-google-map

Je voudrais poser une question à propos de angular2-google-map en angulaire 2. J'ai suivi les instructions en https://angular-maps.com/docs/getting-started.html. Running « ng servir » l'erreur suivante:Angulaire 2 avec angular2-google-map

enter image description here

J'ai creuser autour, mais 2 angulaire n'a pas de SystemJS pour configurer le node_module.

Source

2017-05-04 Abdul Afiq

essayer '' avant NPM install' ng serve' –

me laisse d'abord essayer. –

Merci, cela résout les problèmes avec angulaire/noyau. mais alors il retourne l'erreur 'n'a aucun membre exporté' AgmCoreModule '' '. –

Après avoir creusé la nuit, j'ai trouvé la réponse. L'étape suivante est la solution pour "n'a pas membre exporté 'de AgmCoreModule'":

intérieur package.json:

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

En ligne de commande:

npm install

Le Getting Started ne montrait installer paquet après la création du projet. Depuis que je suis encore nouveau à cela, l'erreur est invisible par moi. Merci Karbos 538 et Roman C. pour m'avoir aidé dans Stackoverflow.

Source

2017-05-04 23:00:37

J'espère que mon poste sera d'une grande aide pour les autres qui apprennent Angular 2 –

Pour obtenir l'adresse angulaire2-google-map maintenant appelée @ agm/core, il est important de mettre à jour les étiquettes de sélection . L'auteur n'a pas encore mis à jour les documents (en ce moment de la poste).

AVANT dernière mise à jour:

NPM installer 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>

maintenant, après dernière mise à jour

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>

Exemple de configuration:

fichier: 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() { 
    } 

}

fichier : google-maps.component.html

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

fichier : google-maps.component.css

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

fichier : app.module.ts

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

Source

2017-05-23 12:14:47

Angulaire 2 avec angular2-google-map

Répondre

Questions connexes