1

我正在尝试将 Google Maps v3 与 Fancybox2 集成，但它似乎不太奏效。

我在这里初始化了地图：http: //vejstrup.dk.nt15.unoeuro-server.com/da/kort.aspx 然后我将使用 ajax 从此处的链接“Vis adresse på kort”调用地图：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

我缺少什么来解决这个问题？

4

1 回答 1

0

你为什么不用这个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>'
    }
});

见演示

于 2013-01-03T19:01:49.320 回答