Typescript错误在使用googlemaps时，无法在ionic2中找到名称'google'javascript API

我正在关注Joshua Morony的Ionic 2视频教程中的Google Maps入门。我想在我的应用程序中使用谷歌地图，我最终遇到了打字稿错误。这是 页/家/ home.ts文件Typescript错误在使用googlemaps时，无法在ionic2中找到名称'google'javascript API

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，

的一部分，但它仍然给了我同样的错误打字稿打字稿错误找不到名称“谷歌'

来源

2017-02-11 Freak001

与现有2名回答的问题是，他们击败有'NPM点安装--save @类型/谷歌地图'。你说你有这个，他们说使用'任何'。它不能解决问题。你甚至可以在IDE中右键单击并查看'google'声明，但Ionic2没有看到它。 – Clark

您应该观看您在问题here中提及的完整视频。

你必须设置：

declare var google;

在全球范围内的组件文件。

来源

2017-02-11 14:35:21

为了扩大从@suraj答案，你应该有：

之外你正尝试使用它的类的

就像在乔希Morony视频，我把它位于进口下方，但在类声明和注释之前（@Injectable()等）。如果你把它放在进口的上方或者在课程的最后（如果你不管出于什么原因都很喜欢），那么它仍然可以工作。

来源

2017-02-11 14:52:14

我解决它通过安装：

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

来源

2017-06-07 01:48:33 Biranchi

为我工作2 :) – Eli

npm install --save-dev @types/googlemaps 

import {} from '@types/googlemaps';

从this answer

来源

2018-03-01 04:59:45

Typescript错误在使用googlemaps时，无法在ionic2中找到名称'google'javascript API

回答

相关问题