如何在React-Leaflet的ImageOverlay中获取拖拽结束时的（x，y）坐标

在使用React-Leaflet库开发的地图应用中，我们经常需要为用户提供一种方式，使其能够将标记放置在图像叠加层上的指定位置。为了实现这一功能，我们需要在拖拽操作结束后捕获标记的精确（x，y）像素坐标。然而，默认情况下，dragend事件返回的是地理坐标（lat, lng），而不是所需的像素坐标。

要解决这个问题，可以利用Leaflet提供的map容器和投影工具。具体步骤如下：

1. **监听dragend事件**：首先确保你的Marker组件绑定了onDragEnd事件处理器。
2. **获取地理坐标**：在dragend事件触发时，从事件对象中提取出当前的地理坐标（lat, lng）。
3. **转换为像素坐标**：使用Leaflet的`map.latLngToContainerPoint`方法将地理坐标转换为相对于地图容器的像素坐标（x, y）。
4. **保存或使用坐标**：最后，你可以选择将这些坐标保存到数据库，或者用于其他逻辑处理。

通过上述步骤，你可以在用户拖动标记后准确地获取其（x，y）像素坐标，并将其存储起来以供将来使用。这种方法不仅适用于React-Leaflet，也可以扩展到其他基于Leaflet的地图应用中。