Witam, mam na stronie w html5 diva, w którym jest mapa:
[HTML] pobierz, plaintext 
  1. <div class="tab-pane fade" id="mapa">
  2.  
  3.                             <div class="section-text">
  4.                                 <div class="row">
  5.                                                                         <!-- Google Map -->
  6.             <div class="google-map">
  7.  
  8.                 <div data-address="adres_do_mapy" id="map-canvas"></div>
  9.  
  10.  
  11.  
  12.             </div>
  13.             <!-- End Google Map -->
  14.                                 </div>
  15.                             </div>
  16.  
  17. </div>
[HTML] pobierz, plaintext


Oraz zakodowaną powyżej ikonkę, po kliknięciu w którą powyższa mapa ma się pokazać:
[HTML] pobierz, plaintext 
  1. <a href="#mapa" data-toggle="tab">
  2.  
  3.                                 <div class="alt-tabs-icon">
  4.                                      <span><img id="map-icon" src="images/map_icon.png" /></span>
  5.                                 </div>
  6.  
  7.                                 Adres do mapy
  8. </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.