禁用鼠標滾輪縮放與谷歌地圖v3在infowindow

Question

我一直試圖禁用鼠標滾輪縮放在我的地圖，但它似乎並沒有工作（雖然我很確定它曾經工作，也許改變了一些東西）。

無論如何，我有那些用戶點擊地圖標記時出現的自定義infowindows，有時他們有足夠的滾動條出現在他們的內容。我想確保當人們滾動時，infowindow滾動的內容和地圖保持不變。

我的代碼（CoffeeScript的）：

# Disable map Dragging when cursor enters infoBox div 
$(document).on "mouseenter", ".infobox-content",() -> 
    googleMap.setOptions({draggable:false, scrollwheel:false}) 

$(document).on "mouseleave", ".infobox-content",() -> 
    googleMap.setOptions({draggable:true, scrollwheel:true}) 

我確信，在適當的時候與該事件正確設置的事件被解僱，但它仍然無法正常工作。

其他類似的問題，告訴我做的正是我在做什麼：

• How to disable mouse scroll wheel scaling with Google Maps API
• Google Maps API v3 won't disable scroll wheel after map loads

Answer 1

我不知道如果是這樣的解決方案，但它似乎有修復。

我還沒有指定jquery-rails的寶石版本，並注意到jQuery的版本現在是1.9。在將版本指定爲~> 2.1.4後，jQuery現在被修復爲1.8，並且我的問題消失了。

Answer 2

這對我的作品（FF，鉻）：

infowindow.open(map, marker); 
$('.gm-style-iw').on('wheel', function (e) { 
    e.stopPropagation(); 
}); 

你應該每次綁定事件偵聽調用infowindow.open();