Leaflet JS中riseOnHover属性不生效问题该如何解决？

• 检查Marker交互属性配置
  若手动设置了interactive: false会完全禁用标记的鼠标事件，导致hover触发逻辑失效，删除该配置或设为true即可。
• 检查自定义CSS优先级
  如果你给.leaflet-marker-icon类手动编写了带!important标识的z-index属性，会覆盖Leaflet动态计算的上浮层级，删除!important标识或调整CSS优先级即可修复。
• 调整上浮层级偏移量
  如果你给其他标记手动设置了较大的zIndexOffset，默认250的上浮偏移值可能不足以让悬停标记超过其他标记层级，可以手动调大riseOffset配置：

  let options = {
      riseOnHover: true,
      riseOffset: 1000 // 按需调整上浮的层级差值
  };
  

• 检查自定义标记的鼠标事件配置
  如果你使用L.divIcon自定义标记内容，检查自定义HTML元素或对应CSS是否添加了pointer-events: none属性，该属性会拦截所有鼠标交互，删除后即可恢复hover检测。
• 升级Leaflet版本
  riseOnHover为Leaflet 1.0+版本支持的属性，如果你使用的是0.x旧版本，升级到官方稳定版即可正常使用该特性。
• 效果验证注意事项
  riseOnHover的视觉效果仅在多个标记重叠摆放时可观测，不存在重叠标记时不会出现明显的视觉变化。

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