javascript - 传单小 map 滚轮缩放禁用

标签 javascript html leaflet

我在 Leaflet Minimap 中禁用滚轮缩放时遇到问题。 我根据 https://github.com/Norkart/Leaflet-MiniMap/pull/95 使用 centerFixed 和 zoomLevelFixed 选项实例化小 map 。但我仍然可以用滚轮缩放;虽然平移是禁用的。

下面是代码

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="fullscreen.css" />
    <!-- Leaflet -->
    <link rel="stylesheet" 
    href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.0.1/dist/leaflet.js" 
    type="text/javascript"></script>

    <!-- Leaflet Plugins -->
    <link rel="stylesheet" href="Control.MiniMap.css" />
    <script src="Control.MiniMap.js" type="text/javascript"></script>

    </head>

    <body>
     <div id="map" ></div>

     <script type="text/javascript">

     var map = new L.Map('map', { scrollWheelZoom: false});
     var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
     var osmAttrib='Map data &copy; OpenStreetMap contributors';
     var osm = new L.TileLayer(osmUrl, {/*minZoom: 5, maxZoom: 18,*/ attribution: osmAttrib});
     map.addLayer(osm);
     map.setView(new L.LatLng(59.92448055859924, 10.758276373601069),10);

     //Plugin magic goes here! Note that you cannot use the same layer object again, as that will confuse the two map controls
     var osm2 = new L.TileLayer(osmUrl, {/*minZoom: 0, maxZoom: 13,*/ attribution: osmAttrib });


     var miniMap = new L.Control.MiniMap(osm2, 
        { position: "topright",
          centerFixed: [40.7842, -73.9919],
          toggleDisplay: true, 
          zoomLevelFixed: true
        }).addTo(map);
     </script>
    </body>
    </html>

我感谢解决此问题的任何指导。谢谢!

最佳答案

我想你应该使用 disable 而不是 false

    map.scrollWheelZoom.disable();

关于javascript - 传单小 map 滚轮缩放禁用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43904358/

相关文章:

javascript - Vue2 : Avoid mutating a prop directly inside component

javascript - 如何将 "ons-select"的值保存到 JavaScript 的变量中?

javascript - 正则表达式匹配 m : ss for input validation

javascript - Select2 TypeError : data. 结果未定义

javascript - 启用 Chrome 插件后,如何在我网站上的图像中隐藏 Pin It 按钮

R 传单图例 : specify order instead of alphabetical

leaflet - 在 Leaflet map 中使用 topoJSON

javascript - 在 leaflet-geoman 中绘制圆时,有什么方法可以限制圆的大小吗?

javascript - 获取在Node.js中上传的图片网址

html - css中如何正确使用@media