我刚好碰到过类似的问题，给你几个简便可行的方法：

方法一：创建自定义高优先级Pane（最推荐） #

既然默认的overlayPane会和其他图层共享层级，那我们可以专门给需要置顶的circleMarker创建一个新的Pane，给它设置更高的z-index，这样所有放在这个Pane里的circleMarker都会自动显示在其他默认Pane元素的上方。

步骤如下：

1. 先创建自定义Pane并设置z-index（默认overlayPane的z-index是400，设成500就足够覆盖它）
2. 初始化circleMarker时指定使用这个自定义Pane

代码示例：

// 1. 创建自定义Pane
const topPane = map.createPane('topPane');
topPane.style.zIndex = 500;

// 2. 初始化circleMarker时指定pane选项
L.circleMarker([51.505, -0.09], {
  radius: 10,
  color: 'red',
  pane: 'topPane' // 指定使用我们的自定义Pane
}).addTo(map);

这样这个circleMarker就会稳稳地显示在所有使用默认overlayPane的标记、图层上方，而且不会影响其他元素的层级逻辑。

方法二：使用bringToFront()方法临时置顶 #

如果你只需要单个circleMarker临时置顶，或者在特定交互时机让它跑到最上面，可以直接调用circleMarker实例的bringToFront()方法：

const myCircle = L.circleMarker([51.505, -0.09], {
  radius: 10,
  color: 'red'
}).addTo(map);

// 让这个circleMarker立刻跑到最前面
myCircle.bringToFront();

不过这个方法有个小缺点：如果之后添加了新的标记或图层，它们可能会再次覆盖这个circleMarker，需要再次调用bringToFront()。如果需要永久置顶，还是方法一更靠谱。

额外小提示 #

如果你的场景里既有普通Marker又有circleMarker，普通Marker可以用zIndexOffset调整层级，circleMarker用自定义Pane的方式，两者可以完美配合，不会互相冲突。

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