Leaflet设置控件按钮大小

在Leaflet.js中，控制按钮的大小可以通过CSS样式来调整。Leaflet本身并没有直接提供改变单个控件按钮大小的方法，但你可以针对特定的控件（如ZoomControl、LayersControl等）或自定义的控件添加CSS样式。

例如，如果你想改变地图缩放控件的图标大小，可以找到对应的元素并应用`font-size`、`line-height` 或者 `padding` 等属性。对于ZoomControl，其默认的HTML结构类似于：

<button class="leaflet-control-zoom-in leaflet-control-zoom-original">
  <span class="leaflet-icon-zoomin"></span>
</button>
<button class="leaflet-control-zoom-out leaflet-control-zoom-original">
  <span class="leaflet-icon-zoomout"></span>
</button>

你可以使用CSS像这样来修改大小：

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font-size: 20px; /* 修改字体大小 */
  line-height: 24px; /* 可能需要调整内间距 */
}

同样地，如果你有自定义的控件，可以直接在其容器上应用CSS。记得在样式表中选择正确的类名，并保证在覆盖原有样式时不会影响其他地方。