I would like to reproduce the map just like the sample where the contact information covers that map and when you press on the "X", it reveals it.

When you select your Contact Section (add / edit page -> Assign Current Page As) you will see an option underneath Map Overly (yes/no).

Select 'yes' and the content of the page will be overlaid on top of the map.