I have OracleJet app that I am testing on iOS (device).
The googlemap in one of the tabs in tab control. The map is displaying without any issues. But when I switch the tab and come back to the tab with the map , I get a blank page. I don't see any errors in the console.
This is the code to load the map.
map = plugin.google.maps.Map.getMap(document.getElementById('mapData'), options); map.one(plugin.google.maps.event.MAP_READY, onMapInit);
on tab change listener , I have this code
if (map) {
this.window.location.reload();
document.getElementById("globalBody").classList.add("_gmaps_cdv_");
document.getElementById("pageContent").classList.add("_gmaps_cdv_");
document.getElementById("tabContnr").classList.add("_gmaps_cdv_");
document.getElementById("sampleDemo").classList.add("_gmaps_cdv_");
document.getElementById("demo-container").classList.add("_gmaps_cdv_");
document.getElementById("maps-tab-panel").classList.add("_gmaps_cdv_");
document.getElementById("cont").classList.add("_gmaps_cdv_");
document.getElementById("mapData").classList.add("_gmaps_cdv_”);
onMapInit(map);
I do see that the connected event fired the second the second time before the screen goes blank.
can any one tell on why the page is going blank ?