Home / Questions / 464686
Accepted
ret
Asked: 2022-06-26 03:39:39 +0800 CST 2022-06-26 03:39:39 +0800 CST

JavaScript | Error assigning a title

  • 772

Error when assigning a title to the layer. It is intended that next to the icon you can see a title to know which layer or menu it corresponds to (There are 4 layers that each have different categories). But it shows the symbol or icon, but no title. In this way we cannot distinguish one layer from another.

Code:

var layerControlElements = new L.Control.Layers(null, {
  'PLCs': plc
}).addTo(map);
layerControlElements.title = "Título del layer";

4 Layer (which have no title):

enter image description here

javascript

1 Answers

  1. Best Answer

    The divs of the icons have the class leaflet-control-layers, so it can be done:

    document.getElementsByClassName("leaflet-control-layers")[i].prepend(titulo)

    where iis each L.control.layers. tituloit can be another html element with styles. Full example in this jsfiddle .

    • 1