单张小地图滚轮缩放禁用

jca*_*pia 1 html javascript leaflet

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

以下是代码

    <!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>
Run Code Online (Sandbox Code Playgroud)

感谢您为解决此问题提供的指导。谢谢!

小智 5

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

    map.scrollWheelZoom.disable();
Run Code Online (Sandbox Code Playgroud)