Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 传单JS-AGS矢量层变化不透明度_Jquery Ui_Leaflet - Fatal编程技术网

Jquery ui 传单JS-AGS矢量层变化不透明度

Jquery ui 传单JS-AGS矢量层变化不透明度,jquery-ui,leaflet,Jquery Ui,Leaflet,我有一个传单地图,我有一堆向量层(使用传单向量层插件),我希望能够用一个滑块调整向量的不透明度,比如jqueryui滑块 使用下面的代码,我的滑块不会做任何事情。该层显示为不透明度,但在移动滑块时不会更改 如何将滑块连接到此向量层 var poleMarker = new L.Icon({ iconUrl: "img/markers/manhole.png", iconSize: new L.Point(16, 16),

我有一个传单地图,我有一堆向量层(使用传单向量层插件),我希望能够用一个滑块调整向量的不透明度,比如jqueryui滑块

使用下面的代码,我的滑块不会做任何事情。该层显示为不透明度,但在移动滑块时不会更改

如何将滑块连接到此向量层

      var poleMarker = new L.Icon({
            iconUrl: "img/markers/manhole.png",
            iconSize: new L.Point(16, 16),
            iconAnchor: new L.Point(8, 8),
            popupAnchor: new L.Point(1, -8)
        }); 

      poles = new lvector.AGS({
                url: "http://gis.ultimap.com/arcgis/rest/services/**link to my map**/1",
                fields: "*",
                scaleRange: [3, 200],
                showAll: true,
                singlePopup: true,
                esriOptions: false,     
                symbology: {
                    type: "single",
                    vectorOptions: {
                        icon: poleMarker,
                        opacity: .5
                    }
                },
                popupTemplate: '<div class="iw-content"><h3>Pole</h3><table class="condensed-table"><tr><th>ID:</th><td>{OBJECTID}</td></tr></table></div>'                 
            });

            $("#slider").slider({
                value: 50,
                slide: function(e, ui) {
                    function updateOpacity(value) {
                            poles.setOpacity(value);
                        }
                }
            });
var poleMarker=新的L.图标({
iconUrl:“img/markers/shall.png”,
iconSize:新的L点(16,16),
iconAnchor:新的L点(8,8),
popupAnchor:新的L点(1,-8)
}); 
极点=新的lvector.AGS({
url:“http://gis.ultimap.com/arcgis/rest/services/**链接到我的地图**/1“,
字段:“*”,
标量语言:[3200],
肖沃尔:没错,
对,,
假设:假,
符号学:{
类型:“单个”,
矢量选项:{
图标:poleMarker,
不透明度:.5
}
},
popupTemplate:'PoleID:{OBJECTID}'
});
$(“#滑块”).滑块({
价值:50,
幻灯片:功能(e、ui){
函数更新容量(值){
极数。设置不透明度(值);
}
}
});

我能找到的所有示例都表明这适用于普通层,但不适用于矢量层…

我找到了一个解决方案,可以改变所有矢量的不透明度。由于它们呈现为svg,因此我可以只针对具有.ployate clickable类的路径,并将其附加到滑块:

 // Opacity Slider  
   $('#slider').slider({ 
    min: 0, 
    max: 1, 
    step: 0.01, 
    value: 1,
         slide: function(e,ui){
                 $('path.leaflet-clickable').css('opacity', ui.value)

         }                
    })