在自定义leafletjs控件上设置工具提示

Question

我在 Leafletjs 中制作了几个自定义按钮 - 现在我想添加一个悬停工具提示来解释按钮的作用。我尝试在选项中添加“标题：”和“工具提示：”，但当我将鼠标悬停在控件上时仍然看不到文本。

var load = L.Control.extend({
    options: {
        position: 'topright'

    },

    onAdd: function(map) {
        var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control leaflet-control-load-points');

        //container.style.backgroundColor = 'white';
        container.style.width = '25px';
        container.style.height = '25px';

        container.onclick = function() {
            clear_markers(markers);
            load_markers(markers);
        }
        return container;
    },
});

Answer 1

为了回答我自己的问题，我使用了错误的方法来添加标题选项。通过首先创建容器，然后在我能够填充标题字段并在悬停时设置工具提示后设置标题。

var load = L.Control.extend({
    options: {position: 'topright'},
    onAdd: function(map) {
        var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control leaflet-control-load');
        container.title = "Enter Tooltip Here"
    }
});