Leaflet-Geoman 项目中 SetOptIn 模式下文本标注的编辑问题解决方案

问题背景

在使用 Leaflet-Geoman 进行地图绘制时，开发者可能会遇到一个特殊场景：当启用了 SetOptIn 选项后，文本标注(Text)功能无法正常编辑。SetOptIn 是一个重要的安全特性，它确保只有明确标记的图层才能被编辑，防止意外修改现有图层。

问题现象

在 SetOptIn 模式下，虽然可以调用 enableDraw('Text') 方法创建文本标注，但创建的文本输入框无法获得焦点，导致无法输入文字内容。这是因为 SetOptIn 模式默认会阻止新创建图层的编辑功能。

技术原理

SetOptIn 模式的工作原理是通过在图层上设置 pmIgnore 属性来控制编辑权限。当 pmIgnore 为 true 时，图层会被 Geoman 忽略，不响应任何编辑操作。在 SetOptIn 模式下，所有新创建的图层默认 pmIgnore 为 true。

解决方案

针对文本标注的特殊需求，我们需要在创建后手动调整其编辑状态：

1. 监听图层创建事件(pm:create)
2. 为新创建的文本图层显式设置 pmIgnore 为 false
3. 重新初始化图层以确保编辑功能生效
4. 特别为文本图层启用编辑并获取焦点

实现代码如下：

map.on("pm:create", (e) => {
  e.layer.options.pmIgnore = false;
  L.PM.reInitLayer(e.layer);
  if(e.shape === "Text"){
    e.layer.pm.enable();
    e.layer.pm.focus();
  }
});

最佳实践建议

1. 选择性处理：在事件处理中通过 e.shape 判断图层类型，只对文本图层进行特殊处理
2. 性能考虑：reInitLayer 操作有一定开销，应仅在必要时调用
3. 状态管理：确保在图层创建后立即处理，避免出现中间状态
4. 兼容性：此方案适用于 Leaflet-Geoman 的最新版本

扩展思考

这种处理方式展示了 Leaflet-Geoman 灵活的架构设计，通过事件机制和公开API，开发者可以针对特定需求进行定制。类似的模式也可以应用于其他需要特殊处理的图层类型，如需要在创建后立即进入编辑状态的标记(Marker)或多边形(Polygon)。

对于复杂的应用场景，建议建立一个统一的图层管理策略，确保所有图层的编辑状态符合业务需求，同时保持代码的可维护性。