Ionic 4 Google Maps not working on android but work on ios

Ionic Framework
1

hi,
i need ask about my code it,
show location user and can click in mark to get new location and address
it worked well on web and ios but on android show blank white
why ??? where problem


 ionViewDidLoad() {
    this.platform.ready().then(() => {
      this.loadMap();
    });
  }

loadMap() {

    Environment.setEnv({
      'API_KEY_FOR_BROWSER_RELEASE': '(``)',
      'API_KEY_FOR_BROWSER_DEBUG': ''
    });

    LocationService.getMyLocation().then((myLocation: MyLocation) => {
      let options: GoogleMapOptions = {
        camera: {
          target: myLocation.latLng,
          zoom: 17,
        }
      };
      this.map = GoogleMaps.create('map_canvas', options);
      this.marker = this.map.addMarkerSync({
        title: 'Ionic',
        icon: {
          url: 'assets/images/place2.png',
          size: {
            width: 32,
            height: 32
          }
        },
        position: myLocation.latLng,
      });
      this.marker.on(GoogleMapsEvent.MARKER_CLICK)
      this.map.on(GoogleMapsEvent.MAP_CLICK).subscribe((data) => {
        this.lat = data['0']['lat']
        this.lat = data['0']['lng']
        console.log(data['0']['lat'], data['0']['lng'])
        localStorage.setItem('latitude', data[0]['lat'])
        localStorage.setItem('longitude', data[0]['lng'])
        localStorage.setItem('district', data[0]['subLocality'])
        this.GetNewlocation(data['0']['lat'], data['0']['lng'])
        this.marker.remove()
        this.marker = this.map.addMarkerSync({
          title: 'Ionic',
          icon: {
            url: 'assets/images/place2.png',
            size: {
              width: 32,
              height: 32
            }
          },
          position: { lat: data['0']['lat'], lng: data['0']['lng'] },
        });
        this.marker.on(GoogleMapsEvent.MARKER_CLICK)
      }
      );

    });

  }
2

Any Errors in the Console? Do you have set the GOOGLE_MAPS_ANDROID_API_KEY correctly?

3

yes , when i edite code it’s worked
my edite code

let options: GoogleMapOptions = {
camera: {
target: {
lat: 24.711512, // Default position
lng: 46.669891 // Default position
},
zoom: 17,
}
};
this.map = GoogleMaps.create(‘map_canvas’, options);

but when i put full code not worked

4

So you have any Errors in Console?

5

no error and div map is empty

6

So the only thing you change is

target: myLocation.latLng,

to

target: {
  lat: 24.711512, // Default position
  lng: 46.669891 // Default position
}

and then it works?

7

if i need get current location not Default location

8

i don’t understand. Is what i mention the Change that works for you?

9

not worked alos i need open map in current location

10

Can you try to just run this:

LocationService.getMyLocation().then((myLocation: MyLocation) => {
  console.log(myLocation);
}

and check what is logged out?