Me gustaría arrastrar un objeto a mi mapa de Google (API V3) desde fuera del mapa. Después de algunas investigaciones, encontréesta publicación muy útil Y traté de adaptarlo a mi proyecto.

La idea principal es arrastrar una imagen .png en el mapa y, cuando el botón del mouse está abajo, obtener las coordenadas reales y colocar un marcador en ese lat / lng.

Pero noté que hay una diferencia entre el punto en el que arrastra su imagen y el punto donde se coloca su marcador. La diferencia es de alrededor de 10/15 píxeles en la muestra vinculada anteriormente, independientemente del nivel de zoom. En el zoom máximo, no es muy importante, pero cuanto más se desmarque, más importante será la brecha.

Ilustración de la brecha:

En mi sitio web, estoy tratando de arrastrar el marcador verde desde fuera del mapa al sur de Leman Lake, cerca de Ginebra: (estamos ANTES de que el mouse esté arriba, esta sigue siendo mi imagen .png)

Y cuando muevo el mouse hacia arriba, el marcador "real" se pone aquí:

(Estamos a 100 kms / 60 millas del lugar deseado ...)

Entonces, ¿por qué esa brecha? En la muestra que vinculé arriba, la brecha es menos importante, pero también existe. No hay ningún error en la consola de mi navegador, y no parece ser un problema de CSS complicado.
¿Alguien sabe cómo corregir este problema?

Gracias