कोणीय 2 नामस्थान 'google' नहीं ढूंढ सकता

Question

मैं angular2-google-maps और कोणीय 2 के नवीनतम संस्करण के साथ काम कर रहा हूं। मैं कुछ स्थानीय मानचित्र घटक कार्यों को अपनी फाइल maps.service.ts में सेवाओं में परिवर्तित करने की कोशिश कर रहा हूं।

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!"); 
     } 
     } 
    }); 
} 
} 

की तरह कुछ में: 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); 
       } 
      } 
     )); 
    }); 
} 

मुद्दा मैं हो रही है कि google चर मान्यता प्राप्त नहीं किया जा रहा है जब मैं इस्तेमाल करने की कोशिश उदाहरण के लिए Observer<google.maps.GeocoderResult[]>। मेरे पास सर्विस क्लास के बाहर declare var google: any; भी है।

google मेरे map.componenet.ts में परिवर्तनीय काम करता है लेकिन maps.service.ts में मान्यता प्राप्त नहीं है।

Answer 1

मैं अंत में समस्या है, जो मुझे नहीं पता था एक बात थी पता लगा के बाद जोड़े

declare var google: any; 

। मेरा घटक जिसे मैं सेवाओं का संदर्भ दे रहा था, को map.component.ts नाम दिया गया था, जबकि के साथ s के साथ मेरी सेवाओं की फ़ाइल maps.service.ts नामित की गई थी। फ़ाइल बदलने के बाद और import कथन सब ठीक काम किया।

Answer 2

टाइपप्रति आयात

भी देखें https://github.com/SebastianM/angular2-google-maps/issues/689

Answer 3

मैं एक ही समस्या का सामना करना पड़ रहा था मैंने कोशिश की:

declare var google: any; 

लेकिन यह मेरे लिए काम नहीं किया।
मुझे यह answer मिला और यह मेरे लिए काम किया।
सबसे पहले यह सुनिश्चित कर लें कि आप गूगल के लिए typings स्थापित नक्शे
npm install @types/googlemaps --save --dev

--dev झंडा मान्य नहीं है। npm install @types/googlemaps --save-dev

और फिर अपने नियंत्रक में

import {} from '@types/googlemaps'; 

Answer 4

यह मेरे लिए भी काम कर रहा है:

पहले परियोजना के रूट पर cmd में गूगल मैप्स के लिए typings स्थापित

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

और उसके बाद नीचे अपनी .ts घटक फ़ाइल जोड़ें:

import {} from '@types/googlemaps';