打字稿错误使用googlemaps javascript API时,在ionic2中找不到名称'google'

Question

我在Ionic 2视频教程中关注Joshua Morony的Google Maps入门.我想在我的应用程序中使用谷歌地图,我最终得到一个打字稿错误.这是 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错误找不到名字'谷歌'

Answer 1

我通过安装解决了它:

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

Answer 2

要扩展@suraj的答案,您应该:

declare var google; 

你正试图在课堂之外使用它.

就像在Josh Morony视频中一样,我把它放在导入之下但是在类声明和注释之前(@Injectable()等等).如果你把它放在导入之上或者在类的末尾之下(并且仍然在类之外),如果你因为某种原因如此倾向,我认为它仍然可以工作.

Answer 3

npm install --save-dev @types/googlemaps

import {} from '@types/googlemaps';

从这个答案

要么

在你component.ts的页面文件中声明它是这样的

declare var google; 之前 export class component {}

Answer 4

您必须安装以下类型：

npm install --save-dev @types/googlemaps

并在您的Typescript文件中使用命名空间“ google”：

[Angular 6+]在开头添加以下行：

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

[Angular 5-]添加此行：

import {} from '@types/googlemaps';

从这个答案