web-dev-qa-db-ja.com

タイプマップエラー

Ionic 2ビデオチュートリアルでJoshua MoronyのGoogleマップ入門をフォローしています。アプリケーションでGoogleマップを使用したいのですが、TypeScriptエラーが発生します。これは一部です- pages/home/home.tsファイル

initMap(){
let latLng= new google.maps.LatLng(6.929848, 79.857407);

let mapOpt={
  center : latLng,
  zoom : 15,
  mapTypeId :google.maps.MapTypeId.ROADMAP
};

this.map= new google.maps.Map(this.mapElement.nativeElement,mapOpt);}

私は試した npm install --save @types/googlemaps

しかし、それでも同じTypeScriptエラーが発生しますTypeScriptエラーname 'google'が見つかりません

12
YD_

私はそれをインストールして解決しました:

$npm install @types/googlemaps --save-dev
16
Biranchi
npm install --save-dev @types/googlemaps

import {} from '@types/googlemaps';

from この答え

または

あなたのcomponent.tsページのファイルは次のように宣言します

declare var google;export class component {}

TypeScriptで利用できる簡単な方法Angular 6 +は次のとおりです。

この行を追加する必要があるのは、TypeScriptファイルの先頭(行1を意味する)です。

/// <reference types="@types/googlemaps" />

そしてより

import {RemainingItems} from 'whicheverfolderyouwant';

更新元

9
Black Mamba

@surajからの回答を展開するには、次のものが必要です。

_declare var google; 
_

使用しようとしているクラスの外で。

Josh Moronyのビデオのように、インポートの下、ただしクラス宣言と注釈(@Injectable()など)の前に配置しました。何らかの理由でそういった傾向がある場合は、インポートの上またはクラスの終わりの下(そしてクラスの外側)に置いても機能すると思います。

9
Douglas Barbin

タイプをインストールする必要があります:

npm install --save-dev @types/googlemaps

そして、ネームスペース「google」を使用するTypeScriptファイルで:

[Angular 6+]最初に次の行を追加します。

/// <reference types="@types/googlemaps" />

[Angular 5-]次の行を追加します。

import {} from '@types/googlemaps';

この回答から

7
A. Morel

特別なことをする必要はありませんindex.d.tsに入ってこれを貼り付けてくださいnamespace google.mapsを宣言する前に

declare module 'googlemaps';
0
M.Bilal Murtaza