Question

当我尝试在Ionic 2应用程序中加载google maps API时，出现此错误：

未捕获（承诺）：TypeError：无法读取属性＆＃39; firstChild＆＃39; null TypeError：无法读取属性＆＃39; firstChild＆＃39;在新的ug

的Object._.pg（http://maps.google.com/maps/api/js?key=AIzaSyBOclEsMjwSHU-ec6OoGo6BB3FM91ixnJ0:85:391）处的null

这些是我的导入声明：

  import { Platform, NavController, ModalController,IonicPage, NavParams } 
  from 'ionic-angular';
  import {} from '@types/googlemaps';
  import { GoogleMap,  GoogleMapsEvent, LatLng } from '@ionic-native/google-
  maps';

这些是我运行的命令：

1）npm install --save @ ionic-native / google-maps 2）npm install @ types / google-maps --save-dev --save-exact

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

还在index.html的标记末尾添加了所有其他脚本引用。（正如你所看到的，我还有一个API密钥，我已经添加了WITH而没有单引号，我仍然得到同样的错误）

我使用Sublime Text 3，在运行应用程序之前，我没有在代码中看到任何突出显示的（带下划线的）错误。

为什么我会收到此错误，如何解决？

Answer 1

首先，为什么要包含原生谷歌地图插件的网页脚本Api？

如果您想使用原生谷歌地图

，请按照以下步骤操作

Ionic Native Google Maps

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

如果您想使用Google Maps Js Library，请按照本教程

进行操作

Ionic 2 how to use google maps

由于

Google地图无法在Ionic 2应用程序中运行

1 个答案: