Google Maps API + Jquery

Question

Я пытаюсь загрузить на сайт карту, созданную с помощью API Карт Google. Он отображается должным образом внутри обычного div, но я хочу показать его, только нажав на кнопку, и в этом проблема: я использовал jQuery, чтобы показать и скрыть div, но когда он отображается, почти вся карта серого цвета:

вот мой код:

$(document).ready(function() {

    $('#div').hide();

    $('#button').click(function() {

        $('#div').show();

        return false;
    });
});

в чем проблема? Я ценю вашу помощь, спасибо.

Answer 1

Спасибо! Я решил это, добавив это в скрипт карты в первых нескольких строках:

функция displayMap () {

.

document.getElementById ( 'DIV') style.display = "блок";

инициализации ();

}

и это к моему html:

<div id="button" onclick="displayMap()">Show Map</div>

замените #div именем div, содержащим карту, а "Show Map" - img, text, как хотите.