search

ionic-team / ionic-native-google-maps

Google maps plugin for Ionic Native
Other
221 stars 125 forks source link

TypeError: Cannot read property 'BaseClass' of null #76

Closed partharanjan closed 6 years ago

partharanjan commented 6 years ago

I'm submitting a ... (check one with "x")

If you choose 'problem or bug report', please select OS: (check one with "x")

cordova information: (run $> cordova plugin list) 

insert the output from the command here

If you use @ionic-native/google-maps, please tell the package.json (only @ionic-native/core and @ionic-native/google-maps are fine mostly)

Current behavior:

Expected behavior:

Screen capture or video record: google_map_error

Related code, data or error log (please format your code or data):

import { Component, OnInit } from '@angular/core';
import {
  GoogleMaps,
  GoogleMap,
  GoogleMapsEvent,
  Marker,
  GoogleMapsAnimation,
  MyLocation,
  Environment
} from '@ionic-native/google-maps';
import { Platform } from '@ionic/angular';

@Component({
  selector: 'app-google-map',
  templateUrl: './google-map.component.html',
  styleUrls: ['./google-map.component.scss']
})
export class GoogleMapComponent implements OnInit {
  map: GoogleMap;
  constructor(private platform: Platform) { }

  async ngOnInit() {
    await this.platform.ready();
    await this.loadMap();
  }

  loadMap() {
    this.map = GoogleMaps.create('map_canvas', {
      camera: {
        target: {
          lat: 43.0741704,
          lng: -89.3809802
        },
        zoom: 18,
        tilt: 30
      }
    });
  }

}
wf9a5m75 commented 6 years ago

please share your project giles on GitHub.

partharanjan commented 6 years ago

Thank you for your replay. Please check my demo git URL https://github.com/partharanjan/ionic4-googlemap

wf9a5m75 commented 6 years ago

Thank you, but it seems you don't install google maps plugin (and no code).

partharanjan commented 6 years ago

Sorry , Kindly check again. I have updated. Thank you.

wf9a5m75 commented 6 years ago

Thank you. Do you create the shared project files the exactly the same with your actual project files?

Because you wrote export class GoogleMapComponent implements OnInit {, but shared project files says export class HomePage implements OnInit

partharanjan commented 6 years ago

export class GoogleMapComponent implements OnInit This is my actual project code and this is large project. For that reason I have created a sample project to show you the error.

wf9a5m75 commented 6 years ago

Do you reproduce the same issue with your example project?

partharanjan commented 6 years ago

Yes sir same issue. Cannot read property 'BaseClass' of null

wf9a5m75 commented 6 years ago

I can not reproduce your issue.

screen shot 2018-09-16 at 3 00 51 pm

masashis-Mac-mini:test masashi$ git clone https://github.com/partharanjan/ionic4-googlemap
Cloning into 'ionic4-googlemap'...
remote: Counting objects: 117, done.
remote: Compressing objects: 100% (105/105), done.
remote: Total 117 (delta 9), reused 113 (delta 7), pack-reused 0
Receiving objects: 100% (117/117), 1.39 MiB | 4.57 MiB/s, done.
Resolving deltas: 100% (9/9), done.
masashis-Mac-mini:test masashi$ cd ionic4-googlemap/
masashis-Mac-mini:ionic4-googlemap masashi$ ls
README.md       ionic.config.json   src
angular.json        package-lock.json   tsconfig.json
config.xml      package.json        tslint.json
e2e         resources

masashis-Mac-mini:ionic4-googlemap masashi$ npm i

> fsevents@1.2.4 install /Users/masashi/Documents/workspace/test/ionic4-googlemap/node_modules/fsevents
> node install

[fsevents] Success: "/Users/masashi/Documents/workspace/test/ionic4-googlemap/node_modules/fsevents/lib/binding/Release/node-v59-darwin-x64/fse.node" is installed via remote

> node-sass@4.9.3 install /Users/masashi/Documents/workspace/test/ionic4-googlemap/node_modules/node-sass
> node scripts/install.js

Cached binary found at /Users/masashi/.npm/node-sass/4.9.3/darwin-x64-59_binding.node

> node-sass@4.9.3 postinstall /Users/masashi/Documents/workspace/test/ionic4-googlemap/node_modules/node-sass
> node scripts/build.js

Binary found at /Users/masashi/Documents/workspace/test/ionic4-googlemap/node_modules/node-sass/vendor/darwin-x64-59/binding.node
Testing binary
Binary is fine
added 1210 packages from 1368 contributors and audited 50123 packages in 38.042s
found 0 vulnerabilities

   ╭───────────────────────────────────────────────────────────────╮
   │                                                               │
   │       New patch version of npm available! 6.4.0 → 6.4.1       │
   │   Changelog: https://github.com/npm/cli/releases/tag/v6.4.1   │
   │               Run npm install -g npm to update!               │
   │                                                               │
   ╰───────────────────────────────────────────────────────────────╯

masashis-Mac-mini:ionic4-googlemap masashi$ ionic cordova run browser
✔ Creating ./www directory for you - done!
> cordova platform add browser --save
Using cordova-fetch for cordova-browser@~5.0.1
Adding browser project...
Creating Cordova project for cordova-browser:
    Path: /Users/masashi/Documents/workspace/test/ionic4-googlemap/platforms/browser
    Name: ionic4-googlemap
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Installing "cordova-plugin-whitelist" for browser
Adding cordova-plugin-whitelist to package.json
Saved plugin info for "cordova-plugin-whitelist" to config.xml
Discovered plugin "cordova-plugin-statusbar" in config.xml. Adding it to the project
Installing "cordova-plugin-statusbar" for browser
Adding cordova-plugin-statusbar to package.json
Saved plugin info for "cordova-plugin-statusbar" to config.xml
Discovered plugin "cordova-plugin-device" in config.xml. Adding it to the project
Installing "cordova-plugin-device" for browser
Adding cordova-plugin-device to package.json
Saved plugin info for "cordova-plugin-device" to config.xml
Discovered plugin "cordova-plugin-splashscreen" in config.xml. Adding it to the project
Installing "cordova-plugin-splashscreen" for browser
Adding cordova-plugin-splashscreen to package.json
Saved plugin info for "cordova-plugin-splashscreen" to config.xml
Discovered plugin "cordova-plugin-ionic-webview" in config.xml. Adding it to the project
Installing "cordova-plugin-ionic-webview" for browser
Adding cordova-plugin-ionic-webview to package.json
Saved plugin info for "cordova-plugin-ionic-webview" to config.xml
Discovered plugin "cordova-plugin-ionic-keyboard" in config.xml. Adding it to the project
Installing "cordova-plugin-ionic-keyboard" for browser
Adding cordova-plugin-ionic-keyboard to package.json
Saved plugin info for "cordova-plugin-ionic-keyboard" to config.xml
Discovered plugin "cordova-plugin-googlemaps" in config.xml. Adding it to the project
Installing "cordova-plugin-googlemaps" for browser

      Official document https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.3.0/README.md Please consider to buy a beer for us 🍺 https://github.com/mapsplugin/cordova-plugin-googlemaps#buy-us-a-beer

Adding cordova-plugin-googlemaps to package.json
Saved plugin info for "cordova-plugin-googlemaps" to config.xml
--save flag or autosave detected
Saving browser@~5.0.4 into config.xml file ...
> ng run app:ionic-cordova-build --platform=browser

Date: 2018-09-16T22:00:14.566Z
Hash: 080d8803f96028cf8030
Time: 23604ms
chunk {common} common.js, common.js.map (common) 8.67 kB  [rendered]
chunk {66} 66.js, 66.js.map () 18.8 kB  [rendered]
chunk {cordova} cordova.js, cordova.js.map (cordova) 60.7 kB  [rendered]
chunk {0} 0.js, 0.js.map () 46 kB  [rendered]
chunk {1} 1.js, 1.js.map () 43.5 kB  [rendered]
chunk {2} 2.js, 2.js.map () 45.6 kB  [rendered]
chunk {3} 3.js, 3.js.map () 43.3 kB  [rendered]
chunk {4} 4.js, 4.js.map () 3.25 kB  [rendered]
chunk {5} 5.js, 5.js.map () 3.19 kB  [rendered]
chunk {6} 6.js, 6.js.map () 210 kB  [rendered]
chunk {7} 7.js, 7.js.map () 204 kB  [rendered]
chunk {8} 8.js, 8.js.map () 210 kB  [rendered]
chunk {9} 9.js, 9.js.map () 204 kB  [rendered]
chunk {10} 10.js, 10.js.map () 13.5 kB  [rendered]
chunk {11} 11.js, 11.js.map () 12.3 kB  [rendered]
chunk {12} 12.js, 12.js.map () 12.5 kB  [rendered]
chunk {13} 13.js, 13.js.map () 9.23 kB  [rendered]
chunk {14} 14.js, 14.js.map () 9.11 kB  [rendered]
chunk {15} 15.js, 15.js.map () 9.22 kB  [rendered]
chunk {16} 16.js, 16.js.map () 9.1 kB  [rendered]
chunk {17} 17.js, 17.js.map () 11.4 kB  [rendered]
chunk {18} 18.js, 18.js.map () 11.1 kB  [rendered]
chunk {19} 19.js, 19.js.map () 11.4 kB  [rendered]
chunk {20} 20.js, 20.js.map () 11.2 kB  [rendered]
chunk {21} 21.js, 21.js.map () 3.52 kB  [rendered]
chunk {22} 22.js, 22.js.map () 3.44 kB  [rendered]
chunk {23} 23.js, 23.js.map () 3.51 kB  [rendered]
chunk {24} 24.js, 24.js.map () 3.43 kB  [rendered]
chunk {25} 25.js, 25.js.map () 20.2 kB  [rendered]
chunk {26} 26.js, 26.js.map () 19.5 kB  [rendered]
chunk {27} 27.js, 27.js.map () 19.9 kB  [rendered]
chunk {28} 28.js, 28.js.map () 19.3 kB  [rendered]
chunk {29} 29.js, 29.js.map () 17 kB  [rendered]
chunk {30} 30.js, 30.js.map () 17 kB  [rendered]
chunk {31} 31.js, 31.js.map () 9.62 kB  [rendered]
chunk {32} 32.js, 32.js.map () 9.5 kB  [rendered]
chunk {33} 33.js, 33.js.map () 9.33 kB  [rendered]
chunk {34} 34.js, 34.js.map () 9.22 kB  [rendered]
chunk {35} 35.js, 35.js.map () 11.3 kB  [rendered]
chunk {36} 36.js, 36.js.map () 11.1 kB  [rendered]
chunk {37} 37.js, 37.js.map () 11.4 kB  [rendered]
chunk {38} 38.js, 38.js.map () 11.2 kB  [rendered]
chunk {39} 39.js, 39.js.map () 10.7 kB  [rendered]
chunk {40} 40.js, 40.js.map () 10.5 kB  [rendered]
chunk {41} 41.js, 41.js.map () 7.24 kB  [rendered]
chunk {42} 42.js, 42.js.map () 7.08 kB  [rendered]
chunk {43} 43.js, 43.js.map () 36.1 kB  [rendered]
chunk {44} 44.js, 44.js.map () 36 kB  [rendered]
chunk {45} 45.js, 45.js.map () 17.4 kB  [rendered]
chunk {46} 46.js, 46.js.map () 16.7 kB  [rendered]
chunk {47} 47.js, 47.js.map () 17.3 kB  [rendered]
chunk {48} 48.js, 48.js.map () 16.7 kB  [rendered]
chunk {49} 49.js, 49.js.map () 4.56 kB  [rendered]
chunk {50} 50.js, 50.js.map () 2.48 kB  [rendered]
chunk {51} 51.js, 51.js.map () 2.45 kB  [rendered]
chunk {52} 52.js, 52.js.map () 12.7 kB  [rendered]
chunk {53} 53.js, 53.js.map () 12.7 kB  [rendered]
chunk {54} 54.js, 54.js.map () 15.6 kB  [rendered]
chunk {55} 55.js, 55.js.map () 15.2 kB  [rendered]
chunk {56} 56.js, 56.js.map () 15.5 kB  [rendered]
chunk {57} 57.js, 57.js.map () 15.1 kB  [rendered]
chunk {58} 58.js, 58.js.map () 24.5 kB  [rendered]
chunk {59} 59.js, 59.js.map () 23.2 kB  [rendered]
chunk {60} 60.js, 60.js.map () 24.7 kB  [rendered]
chunk {61} 61.js, 61.js.map () 23.5 kB  [rendered]
chunk {62} 62.js, 62.js.map () 11 kB  [rendered]
chunk {63} 63.js, 63.js.map () 11 kB  [rendered]
chunk {64} 64.js, 64.js.map () 15.7 kB  [rendered]
chunk {65} 65.js, 65.js.map () 15.5 kB  [rendered]
chunk {67} 67.js, 67.js.map () 18.4 kB  [rendered]
chunk {68} 68.js, 68.js.map () 18.8 kB  [rendered]
chunk {69} 69.js, 69.js.map () 18.4 kB  [rendered]
chunk {70} 70.js, 70.js.map () 11.3 kB  [rendered]
chunk {71} 71.js, 71.js.map () 11.4 kB  [rendered]
chunk {72} 72.js, 72.js.map () 2.72 kB  [rendered]
chunk {73} 73.js, 73.js.map () 14.2 kB  [rendered]
chunk {74} 74.js, 74.js.map () 13.7 kB  [rendered]
chunk {75} 75.js, 75.js.map () 2.93 kB  [rendered]
chunk {76} 76.js, 76.js.map () 19.6 kB  [rendered]
chunk {77} 77.js, 77.js.map () 19.1 kB  [rendered]
chunk {78} 78.js, 78.js.map () 21.5 kB  [rendered]
chunk {79} 79.js, 79.js.map () 20.7 kB  [rendered]
chunk {80} 80.js, 80.js.map () 15.7 kB  [rendered]
chunk {81} 81.js, 81.js.map () 15.7 kB  [rendered]
chunk {82} 82.js, 82.js.map () 7.98 kB  [rendered]
chunk {83} 83.js, 83.js.map () 2.9 kB  [rendered]
chunk {84} 84.js, 84.js.map () 2.85 kB  [rendered]
chunk {85} 85.js, 85.js.map () 15.2 kB  [rendered]
chunk {86} 86.js, 86.js.map () 18.3 kB  [rendered]
chunk {87} 87.js, 87.js.map () 16.9 kB  [rendered]
chunk {88} 88.js, 88.js.map () 16.7 kB  [rendered]
chunk {89} 89.js, 89.js.map () 16.1 kB  [rendered]
chunk {90} 90.js, 90.js.map () 14 kB  [rendered]
chunk {91} 91.js, 91.js.map () 13.5 kB  [rendered]
chunk {92} 92.js, 92.js.map () 13.4 kB  [rendered]
chunk {93} 93.js, 93.js.map () 13 kB  [rendered]
chunk {94} 94.js, 94.js.map () 9.05 kB  [rendered]
chunk {95} 95.js, 95.js.map () 1.6 kB  [rendered]
chunk {96} 96.js, 96.js.map () 11.4 kB  [rendered]
chunk {97} 97.js, 97.js.map () 11.1 kB  [rendered]
chunk {98} 98.js, 98.js.map () 9.63 kB  [rendered]
chunk {99} 99.js, 99.js.map () 9.64 kB  [rendered]
chunk {100} 100.js, 100.js.map () 27.4 kB  [rendered]
chunk {117} 117.js, 117.js.map () 14.7 kB  [rendered]
chunk {home-home-module} home-home-module.js, home-home-module.js.map (home-home-module) 345 kB  [rendered]
chunk {101} 101.js, 101.js.map () 26.1 kB  [rendered]
chunk {102} 102.js, 102.js.map () 27.8 kB  [rendered]
chunk {103} 103.js, 103.js.map () 26.7 kB  [rendered]
chunk {104} 104.js, 104.js.map () 6.59 kB  [rendered]
chunk {105} 105.js, 105.js.map () 6.57 kB  [rendered]
chunk {106} 106.js, 106.js.map () 12.7 kB  [rendered]
chunk {107} 107.js, 107.js.map () 12.5 kB  [rendered]
chunk {108} 108.js, 108.js.map () 12.7 kB  [rendered]
chunk {109} 109.js, 109.js.map () 12.5 kB  [rendered]
chunk {110} 110.js, 110.js.map () 15.7 kB  [rendered]
chunk {111} 111.js, 111.js.map () 15.5 kB  [rendered]
chunk {112} 112.js, 112.js.map () 15.9 kB  [rendered]
chunk {113} 113.js, 113.js.map () 15.4 kB  [rendered]
chunk {114} 114.js, 114.js.map () 14.8 kB  [rendered]
chunk {115} 115.js, 115.js.map () 14.5 kB  [rendered]
chunk {116} 116.js, 116.js.map () 11.5 kB  [rendered]
chunk {118} 118.js, 118.js.map () 1.28 kB  [rendered]
chunk {119} 119.js, 119.js.map () 2.36 kB  [rendered]
chunk {120} 120.js, 120.js.map () 1.39 kB  [rendered]
chunk {121} 121.js, 121.js.map () 8.11 kB  [rendered]
chunk {122} 122.js, 122.js.map () 5.15 kB  [rendered]
chunk {123} 123.js, 123.js.map () 9.87 kB  [rendered]
chunk {124} 124.js, 124.js.map () 4.67 kB  [rendered]
chunk {125} 125.js, 125.js.map () 1.8 kB  [rendered]
chunk {126} 126.js, 126.js.map () 1.03 kB  [rendered]
chunk {127} 127.js, 127.js.map () 3.49 kB  [rendered]
chunk {main} main.js, main.js.map (main) 12.9 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 226 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 8.02 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 36 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3.91 MB [initial] [rendered]
chunk {128} 128.js, 128.js.map () 7.29 kB  [rendered]
chunk {129} 129.js, 129.js.map () 14.9 kB  [rendered]
> cordova run browser
startPage = index.html
Static file server running @ http://localhost:8000/index.html
CTRL + C to shut down
200 /index.html
200 /runtime.js (gzip)
200 /styles.js (gzip)
200 /cordova.js (gzip)
200 /main.js (gzip)
200 /polyfills.js (gzip)
200 /vendor.js (gzip)
200 /cordova_plugins.js (gzip)
200 /plugins/cordova-plugin-statusbar/www/statusbar.js (gzip)
200 /plugins/cordova-plugin-statusbar/src/browser/StatusBarProxy.js (gzip)
200 /plugins/cordova-plugin-device/www/device.js (gzip)
200 /plugins/cordova-plugin-splashscreen/www/splashscreen.js (gzip)
200 /plugins/cordova-plugin-device/src/browser/DeviceProxy.js (gzip)
200 /plugins/cordova-plugin-splashscreen/src/browser/SplashScreenProxy.js (gzip)
200 /plugins/cordova-plugin-ionic-webview/src/www/util.js
200 /plugins/cordova-plugin-googlemaps/www/Promise.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/BaseClass.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/BaseArrayClass.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/LatLng.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/LatLngBounds.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Location.js
200 /plugins/cordova-plugin-googlemaps/www/CameraPosition.js
200 /plugins/cordova-plugin-googlemaps/www/VisibleRegion.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Polyline.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Polygon.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Marker.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/HtmlInfoWindow.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Circle.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/TileOverlay.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/GroundOverlay.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Common.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/encoding.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/spherical.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/poly.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Geocoder.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/LocationService.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Map.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/MapTypeId.js
200 /plugins/cordova-plugin-googlemaps/www/event.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/KmlOverlay.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Environment.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/KmlLoader.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/MarkerCluster.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Cluster.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/geomodel.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/commandQueueExecutor.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/pluginInit.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/StreetViewPanorama.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Overlay.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/InlineWorker.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/plugin-loader-for-browser.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/js_CordovaGoogleMaps-for-browser.js (gzip)
200 /plugins/cordova-plugin-googlemaps/www/Thread.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/CordovaGoogleMaps.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginMap.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginMarker.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginGroundOverlay.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginCircle.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginKmlOverlay.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginMarkerCluster.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginPolygon.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginPolyline.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginEnvironment.js
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginTileOverlay.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginLocationService.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginGeocoder.js (gzip)
200 /plugins/cordova-plugin-googlemaps/src/browser/PluginStreetViewPanorama.js (gzip)
200 /config.xml (gzip)
404 /screen
200 /common.js (gzip)
200 /12.js (gzip)
200 /129.js (gzip)
200 /9.js (gzip)
200 /home-home-module.js (gzip)
200 /127.js (gzip)
200 /126.js (gzip)
200 /assets/icon/favicon.png
200 /runtime.js.map (gzip)
404 /polyfills/promise-7.0.4.min.js.map
200 /styles.js.map (gzip)
200 /polyfills.js.map (gzip)
200 /main.js.map (gzip)
200 /common.js.map (gzip)
200 /129.js.map (gzip)
200 /12.js.map (gzip)
200 /126.js.map
200 /home-home-module.js.map (gzip)
200 /127.js.map (gzip)
200 /9.js.map (gzip)
200 /vendor.js.map (gzip)
partharanjan commented 6 years ago

Thank you sir. I will try again and update my all the packages and npm. Thank your for your time. Really appreciated.

wf9a5m75 commented 6 years ago

ping

wf9a5m75 commented 6 years ago

Since there is no response for a while, I close this thread.

acprawr commented 6 years ago

I am also having the same issue in my project, and it is replicated also by the template project he has posted.

I have noticed firefox gives a different error, namely

image

I have also noticed something strange about the package dependency, npm list gives among others

npm ERR! peer dep missing: @ionic-native/core@5.0.0-beta.23, required by @ionic-native/google-maps@5.0.0-beta.23,

even though the latest core version is beta.20

enzonotario commented 6 years ago

I'm having the same problem with 5.0.0-beta.23...

wf9a5m75 commented 6 years ago

If you can't solve the problem by yourself, please share your project files on GitHub

enzonotario commented 6 years ago

sure! https://github.com/enzonotario/test-ionic4-google-maps

tested in an Android 7.0.

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (/usr/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.12
   @angular-devkit/build-angular : 0.7.5
   @angular-devkit/schematics    : 0.7.5
   @angular/cli                  : 6.1.5
   @ionic/angular-toolkit        : 1.0.0

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 5 other plugins)

System:

   Android SDK Tools : 26.1.1 (/home/enzo/Android/Sdk)
   NodeJS            : v8.11.4 (/usr/bin/node)
   npm               : 5.6.0
   OS                : Linux 4.15
wf9a5m75 commented 6 years ago

@enzonotario Thank you. Did you test the multiple_maps branch version? If not yet, try this steps:

$> cordova plugin rm cordova-plugin-googlemaps

$> cordova plugin add https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps --variable ...
enzonotario commented 6 years ago

@wf9a5m75 thanks but I get the same error :(

vendor.js:32793 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'BaseClass' of null
TypeError: Cannot read property 'BaseClass' of null
    at GoogleMap.BaseClass (home-home-module.js:276)
    at new GoogleMap (home-home-module.js:1124)
    at GoogleMapsOriginal.push../node_modules/@ionic-native/google-maps/index.js.GoogleMapsOriginal.create (home-home-module.js:243)
    at HomePage.push../src/app/home/home.page.ts.HomePage.loadMap (home-home-module.js:2071)
    at HomePage.<anonymous> (home-home-module.js:2052)
    at step (home-home-module.js:2028)
    at Object.next (home-home-module.js:2009)
    at fulfilled (home-home-module.js:2000)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:2710)
    at Object.onInvoke (vendor.js:34940)
    at GoogleMap.BaseClass (home-home-module.js:276)
    at new GoogleMap (home-home-module.js:1124)
    at GoogleMapsOriginal.push../node_modules/@ionic-native/google-maps/index.js.GoogleMapsOriginal.create (home-home-module.js:243)
    at HomePage.push../src/app/home/home.page.ts.HomePage.loadMap (home-home-module.js:2071)
    at HomePage.<anonymous> (home-home-module.js:2052)
    at step (home-home-module.js:2028)
    at Object.next (home-home-module.js:2009)
    at fulfilled (home-home-module.js:2000)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:2710)
    at Object.onInvoke (vendor.js:34940)
    at resolvePromise (polyfills.js:3136)
    at polyfills.js:3046
    at fulfilled (home-home-module.js:2000)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:2710)
    at Object.onInvoke (vendor.js:34940)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:2709)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (polyfills.js:2460)
    at polyfills.js:3194
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:2743)
    at Object.onInvokeTask (vendor.js:34931)
wf9a5m75 commented 6 years ago

For some reasons, your project does not load cordova library. It is required. screen shot 2018-10-08 at 11 14 58 am

enzonotario commented 6 years ago

I thought that was only my problem. But yes. In fact I can't do anything with cordova. And it is weird since it is a fresh app.

Anyways, thanks so much! I will try to resolve that problem.