title: How to lazy load Google Maps on click Bootstrap?
body: <p>The website which I am building for a company</p>
  
  <p>The company which I am developing a website has 3 locations and I show embedded maps on the website. However, since it takes a lot of time to load the maps, I want the maps to be loaded after I hover a menu item. </p>
  
  <p>Let me show you the <a href="http://www.carantina.com" rel="nofollow noreferrer">WEBSITE</a>.</p>
  
  <p>On this website on the top navbar there is a box called 'ILETISIM'. </p>
  
  <p>So normally when I load my website the 3 maps are loaded automatically in order to show maps. It doesn't matter if I hover on 'ILETISIM' item. </p>
  
  <p>What I want is I want them to start loading after I hover on ILETİSİM. There should be something like lazy load. By this way the loading time will decrease. </p>
  
  <p><img src="https://i.stack.imgur.com/r0JTE.png" alt="enter image description here"></p>
  
  <pre><code>&lt;li class="dropdown full-width"&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;İLETİŞİM&lt;b class="icon-angle-down"&gt;&lt;/b&gt;&lt;/a&gt;
           &lt;ul class="dropdown-menu span12 iletisim" style="width: 980px; left: -493px;"&gt;
               &lt;div class="row-fluid"&gt;
                   &lt;div class="span12"&gt;
                       &lt;div class="span4"&gt;
                           &lt;div class="span12"&gt;
                               &lt;div class="well well-small"&gt;GENEL MÜDÜRLÜK VE FABRİKA&lt;/div&gt;
                           &lt;/div&gt;
                           &lt;div class="span6"&gt;
                               &lt;ul class="unstyled"&gt;
                                   &lt;li&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;
                                       Email
                                   &lt;/li&gt;
                                   &lt;li class="divider"&gt;&lt;/li&gt;
                                   &lt;a href="#"&gt;sales@goxu.com.tr&lt;/a&gt;
                               &lt;/ul&gt;
                           &lt;/div&gt;
                           &lt;div class="span6"&gt;
                               &lt;ul class="unstyled"&gt;
                                   &lt;li&gt;&lt;i class="icon-user"&gt;&lt;/i&gt;
                                       Telefon
                                   &lt;/li&gt;
                                   &lt;li class="divider"&gt;&lt;/li&gt;
                                   &lt;p&gt;+90 216 466 89 89&lt;/p&gt;
                               &lt;/ul&gt;
                           &lt;/div&gt;
                           &lt;div class="span12"&gt;
                               &lt;ul class="unstyled"&gt;
                                   &lt;li&gt;&lt;i class="icon-home"&gt;&lt;/i&gt;
                                       Adres
                                   &lt;/li&gt;
                                   &lt;li class="divider"&gt;&lt;/li&gt;
                                   &lt;p&gt;Dudullu Organize Sanayi Bölgesi
                                       3.Cad. No:14 Ümraniye 34775 İSTANBUL&lt;/p&gt;
                               &lt;/ul&gt;
                           &lt;/div&gt;
                           &lt;div class="span12"&gt;
                               &lt;ul class="unstyled"&gt;
                                   &lt;li&gt;&lt;i class="icon-map-marker"&gt;&lt;/i&gt;
                                       Harita
                                   &lt;/li&gt;
                                   &lt;li class="divider"&gt;&lt;/li&gt;
                                   &lt;!-- Responsive iFrame --&gt;
                              &lt;div class="Flexible-container"&gt;
                                  &lt;iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ch/maps?f=q&amp;amp;source=s_q&amp;amp;hl=de&amp;amp;geocode=&amp;amp;q=Bern&amp;amp;aq=&amp;amp;sll=46.813187,8.22421&amp;amp;sspn=3.379772,8.453979&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Bern&amp;amp;t=m&amp;amp;z=12&amp;amp;ll=46.947922,7.444608&amp;amp;output=embed&amp;amp;iwloc=near"&gt;&lt;/iframe&gt;
                              &lt;/div&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="span4"&gt;
                      &lt;div class="span12"&gt;
                          &lt;div class="well well-small"&gt;GENEL MÜDÜRLÜK VE FABRİKA&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="span6"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;
                                  Email
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;a href="#"&gt;sales@goxu.com.tr&lt;/a&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="span6"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-user"&gt;&lt;/i&gt;
                                  Telefon
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;p&gt;+90 216 466 89 89&lt;/p&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="span12"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-home"&gt;&lt;/i&gt;
                                  Adres
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;p&gt;Dudullu Organize Sanayi Bölgesi
                                  3.Cad. No:14 Ümraniye 34775 İSTANBUL&lt;/p&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="span12"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-map-marker"&gt;&lt;/i&gt;
                                  Harita
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;!-- Responsive iFrame --&gt;
                              &lt;div class="Flexible-container"&gt;
                                  &lt;iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ch/maps?f=q&amp;amp;source=s_q&amp;amp;hl=de&amp;amp;geocode=&amp;amp;q=Bern&amp;amp;aq=&amp;amp;sll=46.813187,8.22421&amp;amp;sspn=3.379772,8.453979&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Bern&amp;amp;t=m&amp;amp;z=12&amp;amp;ll=46.947922,7.444608&amp;amp;output=embed&amp;amp;iwloc=near"&gt;&lt;/iframe&gt;
                              &lt;/div&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="span4"&gt;
                      &lt;div class="span12"&gt;
                          &lt;div class="well well-small"&gt;GENEL MÜDÜRLÜK VE FABRİKA&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="span6"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;
                                  Email
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;a href="#"&gt;sales@goxu.com.tr&lt;/a&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="span6"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-user"&gt;&lt;/i&gt;
                                  Telefon
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;p&gt;+90 216 466 89 89&lt;/p&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="span12"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-home"&gt;&lt;/i&gt;
                                  Adres
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;p&gt;Dudullu Organize Sanayi Bölgesi
                                  3.Cad. No:14 Ümraniye 34775 İSTANBUL&lt;/p&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="span12"&gt;
                          &lt;ul class="unstyled"&gt;
                              &lt;li&gt;&lt;i class="icon-map-marker"&gt;&lt;/i&gt;
                                  Harita
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;!-- Responsive iFrame --&gt;
                              &lt;div class="Flexible-container"&gt;
                                  &lt;iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ch/maps?f=q&amp;amp;source=s_q&amp;amp;hl=de&amp;amp;geocode=&amp;amp;q=Bern&amp;amp;aq=&amp;amp;sll=46.813187,8.22421&amp;amp;sspn=3.379772,8.453979&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Bern&amp;amp;t=m&amp;amp;z=12&amp;amp;ll=46.947922,7.444608&amp;amp;output=embed&amp;amp;iwloc=near"&gt;&lt;/iframe&gt;
                              &lt;/div&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;&lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>