错误:无法找到符号GoogleMaps ionic2

时间:2017-04-02 08:19:47

标签: cordova google-maps google-maps-api-3 ionic-framework ionic2

我想在ionic2上使用谷歌地图。我已将cordova-google-maps插件添加到我的项目中,在我的项目中我执行了以下操作

import { GoogleMaps } from 'ionic-native'

export class ListPage {
  service = new google.maps.places.AutocompleteService();
  constructor (private googleMaps: GoogleMaps) {}
}
然而,我得到两个错误。

我收到一个错误,即谷歌没有名称,而且没有符号GoogleMaps,这让我想到为什么不会有离子本地的那个。似乎只有一个可用,如果它是@ionic-native/google-maps,但我发现它很奇怪,或者它是如何为ionic2设置的?

我也是唯一允许这样做的人 service = new google.maps.places.AutocompleteService(); 当我在index.html上添加谷歌地图脚本<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places"></script>时? 我想,因为我已经添加了来自cordova的谷歌地图插件,我不需要在index.html上添加脚本,或者我仍然必须同时做这两个?

任何解释和帮助表示赞赏。

由于

1 个答案:

答案 0 :(得分:1)

将cordova-google-maps插件添加到您的应用后,您需要使用以下命令安装离子本机包装。

npm install @ionic-native/google-maps

然后在app.module.ts中导入GoogleMaps,并将其添加为提供程序。

这里给出了详细而简单的说明 - http://tphangout.com/ionic-2-google-maps/

希望这会对你有所帮助。感谢。