Question

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

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"

);

在自定义leafletjs控件

1 个答案: