Как правильно вызывать скрипт, что бы карта нормально отображалась google
 

Установил карту googlemap
есть на странице кнопка:

<p class="contacts_map">Схема проезда<i></i></p>

Есть скрипт по клику на p.contacts_map вылазит карта:

<script type="text/javascript">

        if ( $('#s_or_b').hasClass('contacts_block small') ) {
            $( "p.contacts_map" ).click(function() {
                $("#markergooglemaps_canvas").toggle();
                $("nav").toggle();
            });
        }
</script>

ссылка где тестировать и смотреть:
http://spacety.ru/contacts.html

Подскажите пожалуйста, что я не так сделал?
и вот видео где баг который я не пойму как фиксить(при ресайзе окна нормально становится на место):
http://youtu.be/8g_86rpg440
:help: :help: :help:

Добавить событие google.maps.event.trigger(map, 'resize'); после открытия окна

if ( $('#s_or_b').hasClass('contacts_block small') ) {
    $( "p.contacts_map" ).click(function() {
        $("#markergooglemaps_canvas").toggle();
        $("nav").toggle();
        setTimeout(function(){
	     google.maps.event.trigger(map, 'resize');
        }, 100);
    });
}