Creé un mapa usando una imagen en el lienzo y cada vez que hago clic en la imagen para marcar la posición ( la posición se marcará en la forma de la etiqueta del rectángulo rojo ), la etiqueta del rectángulo aparece lejos de la posición real en la que se hizo clic y no se marca con precisión. en la posición en la que se hizo clic .

¿Cómo puedo solucionar ese problema?

He reproducido el problema en codesandbox :

Aquí está mi URL de codesandbox : https://codesandbox.io/s/mapediting-87mx4y