leaflet control-layers-toggle是一个Leaflet地图库中的控件,用于切换图层的可见性。要更改标签,可以按照以下步骤进行操作:
完整的代码示例:
var map = L.map('map');
var baseLayers = {
"地图": L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors'
}),
"卫星图": L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors'
})
};
var overlayLayers = {
"标记": L.marker([51.5, -0.09]).addTo(map)
};
var controlLayers = L.control.layers(baseLayers, overlayLayers).addTo(map);
var toggleControl = controlLayers.getContainer().getElementsByClassName('leaflet-control-layers-toggle')[0];
toggleControl.innerHTML = '新的标签内容';
这样就可以通过更改toggleControl的innerHTML属性来修改control-layers-toggle控件的标签内容。
领取专属 10元无门槛券
手把手带您无忧上云