Comment utiliser Google Map autocomplete avec angulaire 2

Question

Salut J'utilise google map autocomplete avec angulaire 2 mais il me donne une erreur:

http://localhost:3000/node_modules/ng2-google-place-autocomplete/ 404 (Not Found)

est-il une solution pour résoudre ce problème.

Answer 1

vous pouvez utiliser 'angular2-google-map-autocomplete' plug-in

1) installer angular2-google-map-auto-complete Plugin pour saisie semi-automatique.

dans le fichier js,

   //Please include below lines in systemjs.config.js 

       var map ={ 'angular2-google-map-auto-complete' : 'node_modules/angular2-google-map-auto-complete'}; 
       var packages = {'angular2-google-map-auto-complete'' : {defaultExtension:'js'; 

dans le composant,

   //Include the below lines into your component file 

      import { Component} from '@angular/core'; 
      import {GoogleplaceDirective} from 'angular2-google-map-auto-complete/directives/googleplace.directive'; 
      @Component({ 
       selector: 'sd-letter', 
       template: ` 
       <input type="text" [(ngModel)] = "address" (setAddress) = "getAddress($event)" googleplace/> 
          `, 
       directives:[GoogleplaceDirective] 
      }) 
      export class Angular2GoogleComponent implements { 
        public address : Object; 
        getAddress(place:Object) {  
         this.address = place['formatted_address']; 
         var location = place['geometry']['location']; 
         var lat = location.lat(); 
         var lng = location.lng(); 
         console.log("Address Object", place); 
        } 
      } 

vous pouvez trouver plus de détails ici, demo

J'espère que cela vous aidera.