Googleはそれを行うことができますどのように

Question

をマップするために活字体のタイピングのインストール方法 -

typings install [googlemaps | google.maps] [--ambient] --save 

と

タイピングがERRこのエラーのバリエーションで終わるの私が試した組み合わせ！メッセージレジストリの "npm"の "googlemaps"を見つけることができません。

パーエイミーの提案、私はまた、関連するディレクトリにダウンロードして、私のmain.d.ts（私は他のエラーを取得しないよう明確に読み込まれているファイル）に

/// <reference path="main/ambient/google.maps/google.maps.d.ts" /> 

を追加しました。

そして、私が質問に答えるために、ウェブ上で何かを見つけることができません

私の最終目標は、エラー

エラーTS2503のこの種を取り除くことです。名前空間は「グーグル見つけることができません。

Answer 1

アンギュラCLI RC.0 +ソリューション

私は（今以前）に対して落胆なりの 'Googleマップ' ライブラリの答えの使用を認められました。

実際には、すべての必要な入力が行われており、その価値がほとんどない「googlemaps」ライブラリを内部的に参照しています。また、古い共通jsローダーを使用しているため、このライブラリはAngular CLI内では理想的ではありません。

代わりに、私は次のようなアプローチを示唆している：

は

npm install --save @types/googlemaps 

インポート

import {} from '@types/googlemaps'; 

ロード&使用（この機能は必ずマップスクリプトを作るインストールoですそれはオーバーオーバーと呼ばれることができるようNLY）、一度ページに追加

addMapsScript() { 
    if (!document.querySelectorAll(`[src="${googleMapsUrl}"]`).length) { 
    document.body.appendChild(Object.assign(
     document.createElement('script'), { 
     type: 'text/javascript', 
     src: googleMapsUrl, 
     onload:() => doMapInitLogic() 
     })); 
    } else { 
    this.doMapInitLogic(); 
    } 
} 

種類（型定義は、これに限定されない）を使用してください：のよう

const mapRef: google.maps.Map; 
const bounds: google.maps.LatLngBounds; 
const latLng: google.maps.LatLng; 

Answer 2

typings install google.maps --global

インストールする正しい方法がある今のところあなたはDefinitlyTyped

Answer 3

を検索する（--ambientにするために使用）--globalフラグが必要になります。実際には

typings install dt~google.maps --global [--save] 

Answer 4

、私のユースケースはAngular CLIです。必要なものはすべて

です

Answer 5

私はイオン2プロジェクトに対してこれらの手順をテストし、それが完璧に動作している： 1- タイピンググローバルインストール：タイピング経由google.mapsをインストール

npm install typings --global

2-

typings install dt~google.maps --global --save

3つのtsconfig.jsonを開き、下記のように "include"配列に"typesings/*。d.ts"を追加します（tsconfig.json）。

{ 
 
    "compilerOptions": { 
 
    "allowSyntheticDefaultImports": true, 
 
    "declaration": false, 
 
    "emitDecoratorMetadata": true, 
 
    "experimentalDecorators": true, 
 
    "lib": [ 
 
     "dom", 
 
     "es2015" 
 
    ], 
 
    "module": "es2015", 
 
    "moduleResolution": "node", 
 
    "sourceMap": true, 
 
    "target": "es5" 
 
    }, 
 
    "include": [ 
 
    "src/**/*.ts", 
 
    "typings/*.d.ts" 
 
    ], 
 
    "exclude": [ 
 
    "node_modules" 
 
    ], 
 
    "compileOnSave": false, 
 
    "atom": { 
 
    "rewriteTsconfig": false 
 
    } 
 
}

Answer 6

をtypescriptです2

npm install --save @types/googlemaps 

は、あなたのTSconfigにtyperootsを追加

{ 
    "compilerOptions": { 
    "typeRoots": ["./node_modules/@types/"] 
    } 
}