2017-02-26 45 views
1

在我們的主頁之一上,傳單地圖佔據了頁面的90%,只有頂級導航(位置:固定;)如何在小冊子到達minZoom後縮小容器?

但是在觸控設備上,用戶可能意外放大地圖而不是地圖,整個頁面。如果他們這麼做 - 他們無法放大以查看頂級導航,因爲任何觸摸操作都會放大地圖。

理想情況下,我試圖找到解決方案,以便在Leaflet達到minZoom級別後頁面縮小。歡迎任何其他想法!謝謝!

+0

您可能還想使用['meta' tag'viewport' attribute'content =「user-scalable = no」']完全禁用頁面縮放(https://developer.mozilla.org/en-US/文檔/ Mozilla瀏覽器/移動設備/ Viewport_meta_tag) – ghybs

回答

0

無法完成。

單張依靠touch-action CSS property來防止瀏覽器捏縮放整個頁面。

請注意,該屬性沒有任何價值,只允許將縮小至。宣傳單隻能啓用/禁用整體縮放。

你可以通過運行這樣map.touchZoom.disable(),或者map.on('zoomend', function(){ if (map.getZoom()===map.options.minZoom) map.touchZoom.disable() })禁用touchZoom handler of the map但將在單張禁用所有捏縮放,並使整個頁面的所有捏縮放。