如何使用 React-Leaflet v3 连接到 tileload 事件

Question

我正在寻找一种方法来使用 react-leaflet (v3.1.0) 连接到传单事件 tileload 或 tileloadstart。但是，它们在 useMapEvents() 中不可用或在 TileLayer 组件中不可访问。

知道我可以在哪里连接它们吗？我正在尝试在地图更改时重新加载标记（movestart、moveend 等不精确）

Answer 1

在 TileLayer 组件上使用 eventHandlers 道具：

<MapContainer center={props.position} zoom={13}>
    <TileLayer
        eventHandlers={{ tileload: () => console.log('tile loaded') }}
        attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
        url='https://{s}.tile.osm.org/{z}/{x}/{y}.png'
    />
</MapContainer>