Leaflet Search插件：如何自动缩放至搜索到的要素？

有两种实用方法可以实现这个需求：

1. 初始化插件时直接指定固定缩放级别 #

创建Leaflet Search控件时，直接添加zoom配置项，设置你需要的缩放数值即可。搜索到目标要素后，地图会自动缩放到该级别并定位到要素中心：

// 假设map是你的Leaflet地图实例，layer是包含可搜索要素的图层
L.control.search({
  layer: layer,
  propertyName: '你的搜索字段名', // 比如要素的名称字段
  zoom: 15 // 根据你的需求调整这个缩放级别数值
}).addTo(map);

2. 监听事件自定义缩放行为（更灵活） #

如果需要根据不同要素类型调整缩放（比如面对象用适配范围的缩放，点对象用固定级别），可以监听插件的search:locationfound事件，在事件回调里手动设置地图视图：

const searchControl = L.control.search({
  layer: layer,
  propertyName: '你的搜索字段名'
}).addTo(map);

searchControl.on('search:locationfound', function(e) {
  // 针对点要素设置固定缩放级别
  map.setView(e.location, 16);
  
  // 如果是面/线要素，也可以用fitBounds自动适配要素范围
  // if (e.layer instanceof L.Polygon) {
  //   map.fitBounds(e.layer.getBounds());
  // }
});

内容的提问来源于stack exchange，提问作者Mio