获取错误 - 错误类型错误：无法读取未定义的属性“构造函数” - 在 IONIC Native Google Maps 中

Question

我已经在我的 Ionic 3 应用程序中集成了谷歌地图，它运行良好，但一段时间后它停止工作。它给了我错误ERROR TypeError: Cannot read property 'constructor' of undefined。

所以我已经卸载了 Ionic Native Google Maps 插件，并按照此处的建议再次安装。

但是当我安装它时，它给了我一个TypeError: Object(...) is not a function关于 ionic native core的错误，它使我的应用程序崩溃。所以我再次将 ionic native core plugin 降级到4.18.0（最新版本是 v. 5.10.0），应用程序再次开始工作，但我的谷歌地图仍然无法工作。

我的谷歌地图代码如下。

import {
   GoogleMaps,
   GoogleMap,
   GoogleMapsEvent,
   GoogleMapOptions,
   CameraPosition,
   MarkerOptions,
   Marker,
   Environment
 } from "@ionic-native/google-maps";
 export class MapPage {
   map: GoogleMap;
   constructor() {
   }
   ionViewDidLoad() {
      this.loadMap();
   }
   loadMap() {
      //https://github.com/ionic-team/ionic-native-google-maps/blob/master/documents/markeroptions/README.md'
      // This code is necessary for browser
      Environment.setEnv({
           API_KEY_FOR_BROWSER_RELEASE: "<MY_KEY>",
           API_KEY_FOR_BROWSER_DEBUG: "<MY_KEY>"
      });

      let mapOptions: GoogleMapOptions = {
        camera: {
          target: {
            lat: 25.284538,
            lng: 51.511393
          },
          zoom: 13,
          tilt: 30
         }
       };

  this.map = GoogleMaps.create("map_canvas", mapOptions);
  this.getMarkers();
  }
}

Answer 1

我面临同样的问题，也必须降级本机核心，我只是将地图插件降级到 4.21.0

npm install @ionic-native/google-maps@4.21.0

此版本仍支持 Ionic 3 核心