在div上滾動

我致力於爲網站定製Google地圖。我設法得到了我想要的API和customization的網站。在div上滾動

目前，可以在我的地圖上滾動以獲得更接近或更高的值。我想知道我們是否可以在我的地圖上放置我的地圖（包含表單）？

我的地圖（格式爲右側）： *刪除*

PS：我已經像素化地圖出於安全原因。

在此先感謝您，

來源

2013-08-27 Drupal8ForTheWin

當然可以。地圖api公開了這種類型的方法getZoom和setZoom。您只需爲容器中的mousewheel事件設置事件處理程序。

這將是這個樣子：

$('#container').on('mousewheel', function (e) { 
    var currentZoom = map.getZoom(); 
    if (e.originalEvent.wheelDelta > 0) { 
    map.setZoom(currentZoom + 1); 
    } 
    else { 
    map.setZoom(currentZoom - 1); 
    } 
});

這裏是一個工作jsFiddle所以你可以看到它在行動。

另外，如果您嘗試放大某個特定點，則可以在縮放之前使用setCenter。您選擇的點作爲您的中心將是地圖放大的點。

來源

2013-08-27 15:57:59

嗨！ Thx對你的幫助，但我不確定你瞭解我在想什麼。所以，當我在我的表單上時，我希望你可以向上/向下滾動地圖，就好像我的鼠標在地圖上一樣。 – Drupal8ForTheWin

哦，我明白了。所以你基本上想要擴展地圖的範圍來包含你的表單？ –

準確！那可能嗎？ – Drupal8ForTheWin

@Phillip Schmidt：現在正在工作thx。

我想知道你是否也有一些關於禁用「經典」滾動的知識？當我在我的div上滾動時，縮放效果很好，但'經典'滾動也是：/

來源

2013-09-03 09:01:27 Drupal8ForTheWin

我已經找到答案：http://api.jquery.com/event.preventDefault/ – Drupal8ForTheWin

回答

相關問題