添加标题单张层控制(Add a title to leaflet layers control)

有没有人有添加标题的传单层控制的方法？ 短短一行文字，例如“可用层”。 理想情况下，我想一个链接添加到文本为好。

我认为这将是简单的，但我一直没能找到解决的办法。 我想类似的方法， 这个问题 （单选按钮/复选框仍然将“虚拟”层后）， 这个问题 （增加了DIV结束层，比我的需求似乎更加复杂）。 不幸的是我的经验水平，我一直无法连接点。 有什么建议么？

Answer 1:

在层控制输入元素是下本

.leaflet控制层的叠加

$(".leaflet-control-layers-overlays").prepend("<label>Available layers</label>"); 您也可以指定一个类，并添加一些这方面的造型。 这不是很好的解决方案，但希望它可以帮助你。

Answer 2:

您可以指定一个title属性来控制。 下面是从当前项目中显然是不全面片段：

// Add settings button
var atlasMapSettings = L.Control.extend({
  options: {
    position: 'topleft' 
  },
  onAdd: function (map) {
    var control = L.DomUtil.create('div', 'leaflet-bar leaflet-control leaflet-control-custom atlas-settings-control closed');
    var icon    = L.DomUtil.create('div', 'fa fa-gear closed', control);
    var content = L.DomUtil.create('div', 'control-content empty', control);

    $(icon).attr('title', 'Map settings');

文章来源: Add a title to leaflet layers control