Javascript 在传单中创建自定义控件.layers类
我有一个页面,显示地图使用传单.js与许多不同的基础层和覆盖。我希望有单独的图层控件来选择基础贴图和覆盖,并且控件有不同的图标 为了实现这一点,我尝试在传单中添加一个setButtonClass方法,在地图上放置第二个按钮后,我可以调用它,这将改变它的类,并允许我给它不同的样式 所以我会像这样初始化控件:Javascript 在传单中创建自定义控件.layers类,javascript,maps,mapping,leaflet,Javascript,Maps,Mapping,Leaflet,我有一个页面,显示地图使用传单.js与许多不同的基础层和覆盖。我希望有单独的图层控件来选择基础贴图和覆盖,并且控件有不同的图标 为了实现这一点,我尝试在传单中添加一个setButtonClass方法,在地图上放置第二个按钮后,我可以调用它,这将改变它的类,并允许我给它不同的样式 所以我会像这样初始化控件: var baseLayersControl = L.control.layers(baseMaps, null, {position: 'bottomright'}); var overlay
var baseLayersControl = L.control.layers(baseMaps, null, {position: 'bottomright'});
var overlayControl = L.control.layers(null, overlayMaps, {position: 'bottomright'});
baseLayersControl.addTo(map);
overlayControl.addTo(map);
overlayControl.setButtonClass();
但是,我不能让setButtonClass以我想要的方式更改类。我将此添加到传单-src.js中:
setButtonClass: function () {
this.className = 'leaflet-control-layers2';
},
并使用我的新图标为传单-control-layers2类和相关类的ployate.css添加了样式,但现在我在地图上只获得了两个标准层控件。您签出了吗?它通过底图和覆盖对图层控件进行分组和标记。我会先检查一下,然后看看如何为基础层和覆盖层创建两个单独的图标