在react-leaflet上用于简单imageOverlay的绑定值是多少？

Question

我正在尝试为这种简单的反应-小叶集成设置地图，并且图像放大和偏离中心时显示不正确。我一定误会了边界和缩放的工作原理。

代码：

<LMap style={{ height: '400px' }} center={position} zoom={14}>
  <ImageOverlay
    url="https://i.imgur.com/FwGOgaM.png"
    bounds={[[0, 0], [822, 923]]}
    attribution=""
  />
  <Marker position={position}>
    <Popup>
      A pretty CSS3 popup. <br /> Easily customizable.
    </Popup>
  </Marker>
</LMap>

我只希望地图正常显示，不变形。