的fancybox：放大/縮小爲谷歌地圖

我用的fancybox（http://fancyapps.com/fancybox/）上展示的GoogleMaps，其中一個例子是如下因素有些地方..的fancybox：放大/縮小爲谷歌地圖

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

和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>

但我可以放大/縮小鼠標滾輪，甚至可能嗎？

來源

2013-03-04 Meloun

當您將Google地圖嵌入iframe（將它們嵌入網站的推薦方式）時，無法使用鼠標滾輪放大/縮小地圖（儘管您可以放大街景圖像）......那將是正常的行爲。

選中此JSFIDDLE作爲純html的例子iframe。

當你在fancybox中顯示谷歌地圖時，它們實際上被包裹在一個iframe中，所以你不能用鼠標滾輪來放大或縮小....所以關於你的問題我不認爲這是可能的。

這不是一個fancybox問題，但一個html iframe限制。

編輯：

谷歌地圖的融合表可以在輸入/輸出使用鼠標滾輪......在這種情況下被放大，這些地圖應該用開放的fancybox iframe模式，如：

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

見JSFIDDLE

我的結論：這一切都取決於關於內容格式。 Fancybox不會對iframe中的內容設置任何限制：無論您在常規html iframe中做什麼，都可以在fancybox（iframe模式）中執行。

來源

2013-03-04 21:47:18 JFK

爲什麼從融合表的地圖是可能的？ http://jsfiddle.net/zTgKJ/9/ – Meloun 2013-03-05 14:21:25

@Meloun：有趣的是，融合表映射使用鼠標滾輪放大/縮小。我想這一切都取決於地圖格式。看到我的編輯答案。 – JFK 2013-03-05 17:57:33

的fancybox：放大/縮小爲谷歌地圖

回答

相關問題