How to spread Google Map across the bottom of the page?

I’ve added a Google Map underneath the bottom of the page, but it’s covering up my footer widget area.

Do I have to change the siderbar-footer php file? This is the code I have at the moment.

if ( ! is_active_sidebar( ‘sidebar-3’ ) ) {
return;
}
?>

<div id=”supplementary”>
<div id=”footer-sidebar” class=”footer-sidebar widget-area” role=”complementary”>
<?php dynamic_sidebar( ‘sidebar-3’ ); ?>
</div><!– #footer-sidebar –>
</div><!– #supplementary –>