[JavaScript][HTML][CSS]Nie wyświetla mapy w ukrytym divie Opcje

[brt00]

Witam, mam na stronie w html5 diva, w którym jest mapa:

[HTML] pobierz, plaintext 
<div class="tab-pane fade" id="mapa">
 
                            <div class="section-text">
                                <div class="row">
                                                                        <!-- Google Map -->
            <div class="google-map">
 
                <div data-address="adres_do_mapy" id="map-canvas"></div>
 
 
 
            </div>
            <!-- End Google Map -->
                                </div>
                            </div>
 
</div>
[HTML] pobierz, plaintext 

Oraz zakodowaną powyżej ikonkę, po kliknięciu w którą powyższa mapa ma się pokazać:

[HTML] pobierz, plaintext 
<a href="#mapa" data-toggle="tab">
 
                                <div class="alt-tabs-icon">
                                     <span><img id="map-icon" src="images/map_icon.png" /></span>
                                </div>
 
                                Adres do mapy
</a>
[HTML] pobierz, plaintext 

Problem w tym, że po kliknięciu obiekt wyświetla sie, ale mapa albo ładuje się w części albo bardzo długo, albo w ogóle.
Znalazłem podpowiedź, lecz za bardzo nie wiem jak ją wykorzystać - proszę zobaczyć tutaj.

Czy ktoś mógłby mi pomóc? Zależy mi na wyświetlaniu tej mapy dopiero po wciśnięciu ikonki mapy.

Ten post edytował brt00 25.05.2015, 10:23:43