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

我在Leafletjs中制作了几个自定义按钮 – 现在我想添加一个悬停工具提示来解释按钮的功能.我已经尝试在选项中添加“title:”和“tooltip:”,但是当我将鼠标悬停在控件上时仍然看不到文本.

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;
    },
});

解决方法:

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

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"

);
上一篇:javascript – 使用Leaflet在底图上创建一个固定的矩形图层


下一篇:leaflet-webpack 入门开发系列三地图分屏对比(附源码下载)