Leaflet地图标记仅在缩放后可见，如何设置使其始终显示？

嘿，我看了你的代码，问题根源在于你使用了L.markerClusterGroup——这个插件的默认行为是在地图缩放级别较低时，把地理位置接近的标记聚合成一个集群点，所以你看不到单个标记，只有放大到一定程度才会自动展开集群显示每个标记。

下面给你几个可行的解决方案：

方案1：禁用集群聚合（最直接） #

如果你希望不管缩放级别如何，都显示所有单个标记，不需要集群功能，可以给markerClusterGroup添加disableClusteringAtZoom配置，设置为0（代表任何缩放级别都不聚合）：

// 修改创建markerClusterGroup的代码
const markers = L.markerClusterGroup({
  disableClusteringAtZoom: 0, // 任何缩放级别都保持单个标记可见
});

你也可以根据实际需求设置一个具体的缩放级别，比如disableClusteringAtZoom: 8，意思是当缩放级别≥8时，就不再聚合标记。

方案2：调整集群最大半径（彻底关闭聚合） #

另一种方式是把集群的最大聚合半径设为0，这样插件不会将任何标记聚合成集群：

const markers = L.markerClusterGroup({
  maxClusterRadius: 0, // 禁用聚合逻辑
});

方案3：直接移除集群功能（如果不需要） #

如果你本来就不需要标记集群的功能，那完全可以不用markerClusterGroup，直接把每个标记添加到地图上：

// 删掉原来的markerClusterGroup相关代码，改成：
sedi.forEach((sede) => {
  const marker = L.marker([sede.lat, sede.lng]).bindPopup(`<b>${sede.name}</b>`)
  marker.addTo(map) // 直接将标记添加到地图实例
})

额外检查点 #

你的地图初始化逻辑里的setTimeout和invalidateSize是合理的，可以保留——它能确保地图容器尺寸正确后再适配视图，避免地图显示异常。

备注：内容来源于stack exchange，提问作者Stefano