Jquery fancybox：谷歌地图的放大/缩小功能_Jquery_Google Maps_Iframe_Fancybox_Fancybox 2

Jquery fancybox：谷歌地图的放大/缩小功能

jquery google-maps iframe

Jquery fancybox：谷歌地图的放大/缩小功能,jquery,google-maps,iframe,fancybox,fancybox-2,Jquery,Google Maps,Iframe,Fancybox,Fancybox 2,我使用fancybox（）在谷歌地图上显示一些地方，下面是一个例子 <script type="text/javascript"> $(document).ready(function() { $('.fancybox-media').fancybox({ openEffect : 'none', closeEffect : 'none', helpers : { media : {}

我使用fancybox（）在谷歌地图上显示一些地方，下面是一个例子

<script type="text/javascript"> 
    $(document).ready(function() {
    $('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
    });        
</script>


$（文档）.ready（函数（）{
$（'.fancybox媒体'）。fancybox({
openEffect:'无'，
closeEffect:'无'，
助手：{
媒体：{}
}
});
});

和html

Google maps
<ul>
        <li><a class="fancybox-media" href="http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17">Search results</a></li>
        <li><a class="fancybox-media" href="http://maps.google.com/?ll=48.85796,2.295231&spn=0.003833,0.010568&t=h&z=17">Direct link</a></li>
        <li><a class="fancybox-media" href="http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56">Street view</a></li>
</ul>

谷歌地图

但我可以用鼠标滚轮放大/缩小，

这可能吗？

当您将谷歌地图嵌入到

iframe

（建议将其嵌入网站的方式）中时，您无法使用鼠标滚轮放大/缩小地图（但您可以缩放街景图像）。。。这是正常的行为

以纯html

iframe

为例，选中此

当你在fancybox中显示谷歌地图时，它们实际上被包装在一个

iframe

中，因此你也不能使用鼠标滚轮来放大或缩小。。。。所以关于你的问题，我认为这是不可能的

这不是fancybox的问题，而是html

iframe

的限制

编辑：

谷歌地图的融合表可以使用鼠标滚轮放大/缩小。。。在这种情况下，应使用fancybox

iframe

模式打开这些贴图，如：

$(".fancybox").fancybox({
    type: "iframe"
});

请参见

我的结论：这完全取决于内容格式。Fancybox没有对

iframe

中的内容设置任何限制：在常规html

iframe

中可以做的任何事情都是在Fancybox中可以做的（

iframe

模式）

在

iframe

中嵌入谷歌地图（建议将其嵌入网站的方式）时，无法使用鼠标滚轮放大/缩小地图（但可以缩放街景图像）。。。这是正常的行为