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'が見つかりません
私はそれをインストールして解決しました:
$npm install @types/googlemaps --save-dev
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';
@surajからの回答を展開するには、次のものが必要です。
_declare var google;
_
使用しようとしているクラスの外で。
Josh Moronyのビデオのように、インポートの下、ただしクラス宣言と注釈(@Injectable()
など)の前に配置しました。何らかの理由でそういった傾向がある場合は、インポートの上またはクラスの終わりの下(そしてクラスの外側)に置いても機能すると思います。
タイプをインストールする必要があります:
npm install --save-dev @types/googlemaps
そして、ネームスペース「google」を使用するTypeScriptファイルで:
[Angular 6+]最初に次の行を追加します。
/// <reference types="@types/googlemaps" />
[Angular 5-]次の行を追加します。
import {} from '@types/googlemaps';
特別なことをする必要はありませんindex.d.tsに入ってこれを貼り付けてくださいnamespace google.mapsを宣言する前に
declare module 'googlemaps';