Current behavior:
The google map plugin works fine in browser (i understand that uses google api javascript) but it does not render on android. The problem is not the API KEY because every time i enter in the page the android sdk api updates the counter on google developers console (and i also tried another api key). The map seems not to be render on the div. There is no google logo or anything, the div just stays as it is.
I have tried disabling the api key to see what happened but it doesnt even show me a message or google logo.
I have tried on emulators, bluestacks, real devices with no luck.
I have even downloaded the example code that is here on git with the "Demo button" but the same happens.
I have another app where the map renders (Angular 8) but it was made from the scratch, this one is put on an Angular 7 template.
<ion-content>
<ion-button (click)="openMap()">Press to see the map</ion-button>
<div style="height: 100%;" id="mapa">HERE THE MAP</div>
</ion-content>
Expected behavior:
It should render the map like in the browser
Screen capture or video record:
WHen i press the button , the inner and outer html seem to be fine but no map is render.
This is my git hub project.
I have reeplaced the api key on the config.xml and in google services with some XX .
This is the page where i was trying and trying. Just entering in the first page of the app it will redirect you to the page with the map. There is a button , when ypu press it it should render the map but now only shows you some alert with the inner and outer html of the map div
Sorry i have discovered the problem , when i removed the ion content tag the maps appeared, maybe there is something that is covering the map. I close this issue
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
)Current behavior: The google map plugin works fine in browser (i understand that uses google api javascript) but it does not render on android. The problem is not the API KEY because every time i enter in the page the android sdk api updates the counter on google developers console (and i also tried another api key). The map seems not to be render on the div. There is no google logo or anything, the div just stays as it is.
I have tried disabling the api key to see what happened but it doesnt even show me a message or google logo.
I have tried on emulators, bluestacks, real devices with no luck. I have even downloaded the example code that is here on git with the "Demo button" but the same happens.
I have another app where the map renders (Angular 8) but it was made from the scratch, this one is put on an Angular 7 template.
HTML
Expected behavior: It should render the map like in the browser
Screen capture or video record: WHen i press the button , the inner and outer html seem to be fine but no map is render.
This is my git hub project.
I have reeplaced the api key on the config.xml and in google services with some XX .
This is the page where i was trying and trying. Just entering in the first page of the app it will redirect you to the page with the map. There is a button , when ypu press it it should render the map but now only shows you some alert with the inner and outer html of the map div
https://github.com/marianoir/metur/tree/master/src/app/MeeturComponentes/pruebagps
Thanks in advance