向Leaflet地图添加自定义按钮

var CustomButton = L.Control.extend({
    onAdd: function(map) {
        // 创建一个按钮元素
        var button = L.DomUtil.create('button', 'custom-button');
        button.innerHTML = '自定义按钮';

        // 添加按钮点击事件的处理函数
        L.DomEvent.on(button, 'click', function() {
            // 在这里编写按钮点击时的逻辑
            alert('按钮被点击了！');
        });

        return button;
    },

    onRemove: function(map) {
        // 在控件被移除时执行的操作
    }
});

var customButton = new CustomButton();
customButton.addTo(map);

.custom-button {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}