Jquery ui 传单JS-AGS矢量层变化不透明度
我有一个传单地图,我有一堆向量层(使用传单向量层插件),我希望能够用一个滑块调整向量的不透明度,比如jqueryui滑块 使用下面的代码,我的滑块不会做任何事情。该层显示为不透明度,但在移动滑块时不会更改 如何将滑块连接到此向量层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),
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)
}
})