Chciałbym przeciągnąć obiekt na moją mapę Google (API V3) spoza mapy. Po kilku badaniach znalazłemten bardzo pomocny post i starałem się dostosować go do mojego projektu.

Główną ideą jest przeciągnięcie obrazu .png na mapę, a gdy przycisk myszy jest wciśnięty, uzyskaj rzeczywiste współrzędne i umieść znacznik na tej lat / lng.

Zauważyłem jednak, że istnieje różnica między punktem, w którym przeciągasz obraz, a punktem, w którym znajduje się twój znacznik. Różnica wynosi około 10/15 pikseli na próbce powyżej, niezależnie od poziomu powiększenia. Przy maksymalnym powiększeniu nie jest to bardzo ważne, ale im więcej się rozłączysz, tym większa jest różnica.

Ilustracja luki:

Na mojej stronie próbuję przeciągnąć zielony znacznik spoza mapy na południe od jeziora Leman, niedaleko Genewy: (jesteśmy tylko przed podniesieniem myszki, to nadal jest mój obraz .png)

A kiedy podniosę kursor, umieszcza się tutaj „prawdziwy” znacznik:

(jesteśmy na 100 km / 60 mil żądanego miejsca ...)

Dlaczego więc taka luka? W powyższej próbce I luka jest mniej ważna, ale również istnieje. W konsoli mojej przeglądarki nie ma błędów i nie wydaje się to być trudnym problemem CSS.
Czy ktoś wie, jak rozwiązać ten problem?

Dziękuję Ci