Javascript 谷歌地图在爱奥尼亚2应用程序中不起作用

Javascript 谷歌地图在爱奥尼亚2应用程序中不起作用,javascript,google-maps,typescript,ionic2,Javascript,Google Maps,Typescript,Ionic2,当我尝试在我的Ionic 2应用程序中加载google maps API时,出现以下错误: 未捕获(承诺中):TypeError:无法读取null TypeError的属性“firstChild”:无法在对象处读取null的属性“firstChild”。\ux.pg()在新ug处 以下是我的进口声明: import { Platform, NavController, ModalController,IonicPage, NavParams } from 'ionic-angular'

当我尝试在我的Ionic 2应用程序中加载google maps API时,出现以下错误:

未捕获(承诺中):TypeError:无法读取null TypeError的属性“firstChild”:无法在对象处读取null的属性“firstChild”。\ux.pg()在新ug处

以下是我的进口声明:

  import { Platform, NavController, ModalController,IonicPage, NavParams } 
  from 'ionic-angular';
  import {} from '@types/googlemaps';
  import { GoogleMap,  GoogleMapsEvent, LatLng } from '@ionic-native/google-
  maps';
以下是我运行的命令:

1) npm安装--保存@ionic native/google地图 2) npm安装@types/google地图--保存开发--保存精确

   <script src="http://maps.google.com/maps/api/js?key='AIzaSyBOclEsMjwSHU-
   ec6OoGo6BB3FM91ixnJ0'"></script>

还将添加到index.html中标记的末尾,以及所有其他脚本引用。(如您所见,我还获得了一个API密钥,并且添加了带单引号和不带单引号的API密钥,但仍然得到相同的错误)

我使用升华文本3,在运行应用程序之前,我在代码中没有看到任何突出显示(带下划线)的错误


为什么我会遇到这个错误?我该如何修复它?

首先,为什么您要为本机google maps插件包含一个web脚本Api

如果您想使用本机谷歌地图,请遵循以下步骤

当脚本在Dom元素之前加载时会发生此错误。请重新启动该项目,并使用本机谷歌地图插件

如果您想使用Google Maps Js库,请遵循本教程


谢谢

谢谢!Josh Morony的教程(爱奥尼亚2如何使用谷歌地图)worked@sidharthramanan如果您觉得有帮助,请将此标记为答案:)谢谢