Angular2 Nie można znaleźć przestrzeni nazw "google"

Question

Pracuję z angular2-google-maps i najnowszą wersją Angular2. Próbuję przekonwertować niektóre funkcje lokalnego komponentu mapy na usługi w ich własnym pliku maps.service.ts. Na przykład:

map.component.ts

getGeoLocation(lat: number, lng: number) { 
if (navigator.geolocation) { 
    let geocoder = new google.maps.Geocoder(); 
    let latlng = new google.maps.LatLng(lat, lng); 
    let request = { latLng: latlng }; 
    geocoder.geocode(request, (results, status) => { 
     if (status == google.maps.GeocoderStatus.OK) { 
     let result = results[0]; 
     if (result != null) { 
      this.fillInputs(result.formatted_address); 
     } else { 
      alert("No address available!"); 
     } 
     } 
    }); 
} 
} 

w coś podobnego: maps.service.ts

getGeoLocation(lat: number, lng: number): Observable<google.maps.GeocoderResult[]> { 
    let geocoder = new google.maps.Geocoder(); 
    let latlng = new google.maps.LatLng(lat, lng); 
    let request = { latLng: latlng }; 
    return new Observable((observer: Observer<google.maps.GeocoderResult[]>) => { 
     geocoder.geocode({ request }, (
      (results: google.maps.GeocoderResult[], status: google.maps.GeocoderStatus) => { 
       if (status == google.maps.GeocoderStatus.OK) { 
        observer.next(results); 
        observer.complete(); 
       } else { 
        console.log('Geocoding service failed due to: ' +status); 
        observer.error(status); 
       } 
      } 
     )); 
    }); 
} 

Kwestia Dostaję że google jest zmienna nie jest rozpoznany, kiedy próbuję użyć Observer<google.maps.GeocoderResult[]>. Mam również declare var google: any; poza klasą usług.

Zmienna google działa w moim map.componenet.ts, ale nie zostaje rozpoznana w maps.service.ts.

Answer 1

I w końcu zorientowali się problem, którego nie znałem było rzeczą. Mój komponent, do którego odwoływałem się z usługami, został nazwany map.component.ts, podczas gdy mój plik usług został nazwany maps.service.ts z s pod koniec map. Po zmianie pliku i oświadczeniach import wszystko działało poprawnie.

Answer 2

Dodaj

declare var google: any; 

po imporcie maszynopis

Zobacz również https://github.com/SebastianM/angular2-google-maps/issues/689

Answer 3

byłem stoi ten sam problem Próbowałem:

declare var google: any; 

Ale to nie dla mnie.
Znalazłem to answer i zadziałało dla mnie.
Najpierw upewnij się, że zainstalowano typowania na google maps
npm install @types/googlemaps --save --dev

--dev flaga jest przestarzała. Użyj npm install @types/googlemaps --save-dev

a następnie w kontrolerze

import {} from '@types/googlemaps'; 

Answer 4

To działa na mnie też:

Najpierw zainstaluj typings na mapach google w cmd na korzeniu projektu

npm install @types/googlemaps --save --dev 

A następnie dodaj w swoim pliku komponentu .ts poniżej:

import {} from '@types/googlemaps';