Gostaria de arrastar um objeto para o meu Google Map (API V3) de fora do mapa. Depois de alguma pesquisa, encontreieste post muito útil e tentei adaptá-lo ao meu projeto.

A idéia principal é arrastar uma imagem .png no mapa e, quando o botão do mouse estiver inativo, obter as coordenadas reais e colocar um marcador nesse lat / lng.

Mas notei que há uma diferença entre o ponto em que você arrasta sua imagem e o ponto em que seu marcador é colocado. A diferença é em torno de 10/15 pixels na amostra vinculada acima, independentemente do nível de zoom. No zoom máximo, não é muito importante, mas quanto mais você descompactar, mais importante será a lacuna.

Ilustração da lacuna:

No meu site, eu estou tentando arrastar o marcador verde de fora do mapa para o sul do lago Leman, perto de Genebra: (estamos apenas antes do mouse para cima, esta ainda é minha imagem .png)

E quando eu subo, o marcador "real" é colocado aqui:

(estamos a 100 kms / 60 milhas do lugar desejado ...)

Então, por que tal lacuna? Na amostra que eu vinculei acima, a diferença é menos importante, mas também existe. Não há erro no console do meu navegador, e não parece ser um problema complicado de CSS.
Alguém sabe como corrigir esse problema?

Obrigado