leaflet如何实现自定义控件

// 创建一个自定义控件var CustomControl = L.Control.extend({    onAdd: function(map) {        var button = L.DomUtil.create('button');        button.innerHTML = 'Toggle';                button.onclick = function() {            alert('Button clicked!');        };                return button;    },        onRemove: function(map) {        // 不需要做任何事情    }});// 添加自定义控件到地图中var map = L.map('map').setView([51.505, -0.09], 13);var customControl = new CustomControl({ position: 'topright' });customControl.addTo(map);

在这个例子中，我们创建了一个名为CustomControl的自定义控件，它是通过扩展Leaflet的Control类来实现的。在onAdd方法中，我们创建了一个按钮元素，并设置按钮的点击事件处理程序。最后，我们将自定义控件添加到地图的指定位置（这里是右上角）。

通过这种方式，你可以实现各种类型的自定义控件，并将它们添加到Leaflet地图中。