Google Map is not loading in ionic

ionic-v1
1

Controller.js
.controller(‘MapController’, function($scope){
google.maps.event.addDomListener(window, ‘load’, function(){

var mylatlon = new google.maps.LatLng(19.1923716,72.8574557);
var mapOptions= {
    center: mylatlon,
    zoom: 16,
    mapTypeId: google.maps.MapTypeID.ROADMAP            
};
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
$scope.map = map;

});
})
style.css

.scroll{
height: 100%;
}

#map{
height: 100%;
width: 100%;
}
Output:

Google map is not displayed.

Questions:

I have uploaded all the work that i have done , now my issue is google maps is not displayed after running the ionic app. It shows the white screen as shown in the image. Thank You !!

2

see the console are you getting any cors error.

3

No there are no errors in console as well.

4

there can be cors error(cross-origin) … search for it

5

Any solution for this?