我们可以使用React-Leaflet的LayerGroup组件来编辑一个组。然后,我们可以通过useState挂钩和渲染每个层来管理每个层的状态。示例代码如下:
import { Map, TileLayer, Marker, LayerGroup } from "react-leaflet";
import { useState } from "react";
const EditableMap = () => {
const [layers, setLayers] = useState([]);
const handleLayerChange = (layerIndex, position) => {
const newLayers = [...layers];
newLayers[layerIndex] = { position };
setLayers(newLayers);
};
return (
);
};
export default EditableMap;