Persisting google maps as a toolbar

Persisting google maps as a toolbar

I am developing an application where the background for all the screens is a google map. 

I have been able to overlay my UI on top of the google map for the first screen with no issues, but i haven't found a way to be able to persist the map div over from data-role="page" to data-role="page"; Whilst i can live with reloading the map on every screen, it would heavily impact my bandwidth consumption and my app's user experience as a whole.

I tried assigning the same ID to all the div's hosting the map to no avail.

Any ideas?