Google Map не работает внутри FancyBox (лайтбокс) - PullRequest
Новая
       23

Google Map не работает внутри FancyBox (лайтбокс)

3 голосов
/ 27 июля 2011

Как получить карту Google для загрузки внутри лайтбокса Fancybox ? Карта отлично загружается, когда не в лайтбокс. Я просто использую стандартный код карт Google с их сайта: 

 <html>
 <body>
   <div id="map_canvas" style="width:100px; height:100px;"></div>
 </body>

 <script type="text/javascript">
  function initialize() {
     var myLatlng = new google.maps.LatLng(-36.8804280598958,
 174.811848958333);
     var myOptions = {
         zoom: 13,
         center: myLatlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP,
         panControl: false,
         zoomControl: false,
         scaleControl: true,
         mapTypeControl: false,
         scaleControl: false
     }
     var map = new
 google.maps.Map(document.getElementById("map_canvas"), myOptions); }

 function loadScript() {
     var script = document.createElement("script");
     script.type = "text/javascript";
     script.src =
 "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
     document.body.appendChild(script); }

 window.onload = loadScript;
 </script>
 </html>

1 Ответ

5 голосов
/ 04 августа 2011
...