Question

有没有人有方法为传单图层控件添加标题？只是一行文字，例如“可用图层”。理想情况下，我也想添加一个文本链接。

我认为这很简单，但我找不到解决办法。我尝试了类似于this question的方法（添加“虚拟”图层后单选按钮/复选框保留）和this question（将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');

为传单图层控件添加标题

2 个答案: