"google"という名前の警告をAngularで削除するには？

Question

私はthe example of geocodingを見つけようとしています。ボタンをクリックするために、イベントハンドラに次のコードがあります。

locate() { 
    const coder = google.maps.Geocoder(); 
    coder.geocode(
    { address: "stockholm" }, 
    (result, status) => { ... }); 
} 

これは、名前グーグルは名前が見つからないことを警告してVSコードによって強調されますになって動作しますが。オブジェクトがどこから来ているのか分からず、宣言する方法がわからないので、未知/宣言されていないというフラグは付けられません。

Chromeのコンソールでgoogleのthingyを実行すると、実際にはマップのある種のオブジェクトが作成されます。しかし、FireFoxのコンソールでの同じ操作では何も役に立ちません。

googly-mappyオブジェクトとは何ですか、どのように学習するのですか？それはそこにあるという角度ですか？

Answer 1

あなたは外国JavaScriptのグローバルオブジェクトまたはlibには、前の回答に示すように、それを宣言することがあることを、角度言う：

declare const google: any; 

VSCodeように、あなたはまた、あなたのtypescriptですすべての正しい種類を教えることができます

npm install @types/googlemaps --save 

Answer 2

インポート時に、typescriptコンパイラに実行時にグローバル変数googleがあることを伝えることができます。

// component.ts 
declare const google;