Google native SDK for Android and iOS not working

Questions
1

I have installed the Google maps SDK on native Android and iOS plugin for cordova:

I try to init the map in a blank page did mount method:

// Define a div tag with id="map_canvas"
  var mapDiv = document.getElementById("map_canvas");

  // Initialize the map plugin
  var map = plugin.google.maps.Map.getMap(mapDiv);

  // The MAP_READY event notifies the native map view is fully ready to use.
  map.one(plugin.google.maps.event.MAP_READY, onMapInit);

and render it in a div like this:

<div id="map_canvas></div>

The onMapInit callback is working but the map is not actually getting displayed - probably its behind the Framework7 layout. I don’t know I am struggling with this and this is a common plugin, anyone know how to implement it using Framewrk7 + react?