Ich möchte ein Objekt von außerhalb der Karte in meine Google Map (API V3) ziehen. Nach einiger Recherche fand ichDieser sehr hilfreiche Beitrag und ich habe versucht, es an mein projekt anzupassen.

Die Hauptidee besteht darin, ein PNG-Bild auf die Karte zu ziehen und bei gedrückter Maustaste die tatsächlichen Koordinaten abzurufen und eine Markierung an dieser Stelle zu platzieren.

Mir ist jedoch aufgefallen, dass es einen Unterschied zwischen dem Punkt, an dem Sie Ihr Bild ziehen, und dem Punkt gibt, an dem sich Ihre Markierung befindet. Der Unterschied beträgt in dem oben verlinkten Beispiel ungefähr 10/15 Pixel, unabhängig von der Zoomstufe. Bei maximalem Zoom ist es nicht sehr wichtig, aber je mehr Sie den Zoom entpacken, desto wichtiger ist die Lücke.

Illustration der Lücke:

Auf meiner Website versuche ich, die grüne Markierung von außerhalb der Karte in den Süden des Genfersees in der Nähe von Genf zu ziehen: (Wir sind nur VOR der Maus nach oben, dies ist immer noch mein .png-Bild.)

Und wenn ich mit der Maus nach oben gehe, wird der "echte" Marker hier eingefügt:

(Wir sind 100 km vom gesuchten Ort entfernt ...)

Warum also so eine Lücke? In dem oben verlinkten Beispiel ist die Lücke weniger wichtig, existiert aber auch. Es gibt keinen Fehler in der Konsole meines Browsers und es scheint kein heikles CSS-Problem zu sein.
Weiß jemand, wie man dieses Problem behebt?

Vielen Dank