How to implement map on background so other elements can be lay on it?

I am using Framework7 V5 with React.

I have 3 tabs for example and I want to display a map so it will be seen on each of them - without reload them when moving between tabs.

I also want to display content above the map - so map will be behind and it will be full functional when touching it, but card and button and fab components will be on top of it.

Plus I want to place components on the centre of the page

How can I achieve this kind of thing with F7?