在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