在Fancybox中使用谷歌地圖2

Question

我正在嘗試將Google Maps v3與Fancybox2集成，但它似乎不太可行。

我有地圖在這裏初始化：http://vejstrup.dk.nt15.unoeuro-server.com/da/kort.aspx 然後，我會打電話給使用Ajax地圖從一個鏈接「顯示住址På地圖」在這裏：http://vejstrup.dk.nt15.unoeuro-server.com/da/kontakt.aspx

有時候地圖上似乎加載正確的，但縮放控件，地圖控件，Google徽標缺失。

鏈接是這樣的：

<a href="/da/kort.aspx?alttemplate=map" target="_blank" class="open_ajax fancybox.ajax" data-fancybox-type="ajax"> 
    Vis adresse på kort 
</a> 

和的fancybox腳本：

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="/scripts/map.js"></script> 
<script> 
       $(".open_ajax").fancybox({ 
        width  : '90%', 
        height : '90%', 
        fixed: false, 
        autoSize : false, 
        autoCenter : true, 
        afterLoad : function() { 
         loadMap(); 
        }, 
        tpl: { 
         closeBtn: '<div title="' + fbCloseTitle + '" class="fancybox-item fancybox-close"></div>', 
         next: '<a title="' + fbNextTitle + '" class="fancybox-item fancybox-next"><span></span></a>', 
         prev: '<a title="' + fbPrevTitle + '" class="fancybox-item fancybox-prev"><span></span></a>' 
        } 
       }); 
      </script> 

的map.js：http://vejstrup.dk.nt15.unoeuro-server.com/scripts/map.js

我缺少的是解決這一問題？

Answer 1

爲什麼不使用iframe方法？鏈接到您的地圖頁面直接想：

<a class="fancybox fancybox.iframe" href="http://vejstrup.dk.nt15.unoeuro-server.com/da/kort.aspx?alttemplate=map">Open Google Map</a> 

... 通知的特殊類fancybox.iframe。然後你的腳本：

$(".fancybox").fancybox({ 
    width: '90%', 
    height: '90%', 
    fixed: false, 
    autoSize: false, 
    autoCenter: true, 
    tpl: { 
     closeBtn: '<div title="' + fbCloseTitle + '" class="fancybox-item fancybox-close"></div>', 
     next: '<a title="' + fbNextTitle + '" class="fancybox-item fancybox-next"><span></span></a>', 
     prev: '<a title="' + fbPrevTitle + '" class="fancybox-item fancybox-prev"><span></span></a>' 
    } 
}); 

見DEMO