如何在扩展L.Control函数时使用自定义模板？

在扩展L.Control函数时使用自定义模板，可以按照以下步骤进行操作：

1. 创建一个自定义的控件类，继承自L.Control。例如，可以创建一个名为CustomControl的类。
2. 在CustomControl类的构造函数中，可以通过调用L.Control的构造函数来初始化控件的基本属性，如位置、尺寸等。
3. 在CustomControl类中，可以重写L.Control类的onAdd方法。该方法会在控件被添加到地图上时被调用。在该方法中，可以创建一个DOM元素作为控件的容器，并将自定义的模板内容添加到容器中。
4. 在自定义模板中，可以使用HTML和CSS来定义控件的外观和布局。可以使用各种HTML元素和CSS样式来实现所需的效果。
5. 在CustomControl类中，可以添加其他自定义的方法和事件处理程序，以实现控件的功能和交互。

以下是一个示例代码，演示了如何在Leaflet中扩展L.Control函数并使用自定义模板：

// 创建自定义控件类
var CustomControl = L.Control.extend({
  onAdd: function(map) {
    // 创建控件容器
    var container = L.DomUtil.create('div', 'custom-control-container');

    // 添加自定义模板内容
    container.innerHTML = '<h3>Custom Control</h3><p>This is a custom control.</p>';

    return container;
  }
});

// 创建地图实例
var map = L.map('map');

// 添加地图图层

// 添加自定义控件
map.addControl(new CustomControl());

在上述示例中，CustomControl类继承自L.Control，并重写了onAdd方法。在onAdd方法中，创建了一个div元素作为控件的容器，并将自定义的模板内容添加到容器中。最后，通过调用map的addControl方法，将自定义控件添加到地图上。

这样，当地图加载时，自定义控件就会显示在地图上，并展示自定义模板中定义的内容。

请注意，上述示例中的自定义模板仅作为演示，实际应用中可以根据需求进行修改和扩展。