Oracle Database Discussions

Hello User_A45QN,

Can you explain why you reload the page and set a bunch of classes on startup? This should not be necessary in my opinion.
How do you handle navigation between the tab pages. Have you set up modules as in the cookbook?
JET Developer Cookbook (0 Bytes)
Kind Regards,
Philip

Sorry, that legacy code I had for Android which is working fine in.
For IOS, On tab change listener, this is the code I have

if (map) {
onMapInit(map);

In the onMapInit, I am setting the markers. I can see that the onMapInit is completed successfully after which the self.connected() is fired at which point the tab is blank. The map is not displayed.
I tried adding plugin.google.maps.event.trigger(map, 'resize'); after onMapInit, it didn't help.
I am not navigating to other pages here, just switching between the tabs.

Try moving this code to the onTransitionCompleted() method and see if that helps. You can't guarantee that all DOM is available and rendered until after that lifecycle method is called.

Thanks for the reply John.
The TransitionCompleted method is not getting called in my code. The following are the debug messages from the table change listener.
--------------------------------
tabChangeListener() invoked ==> maps
tabChangeListener() Event is MAPS oj-offcanvas-outer-wrapper oj-offcanvas-page
tabChangeListener() mapDiv 37.785834 -122.406417
screen.width ==> 414
onMapInit() invoked --> [object Object]
mapInit completed.
Camera animate changed.
location is : 37.785834 , -122.406417
Camera animate changed in marker completeed.

----------------------
You can see that the onMapInit() is completed successfully.