Я хотел бы перетащить объект на мою карту Google (API V3) из-за пределов карты. После некоторых исследований я нашелэтот очень полезный пост и я попытался адаптировать его к своему проекту.

Основная идея состоит в том, чтобы перетащить изображение .png на карту и, когда кнопка мыши нажата, получить фактические координаты и поместить маркер на этот широту / долготу.

Но я заметил, что есть разница между точкой, в которой вы перетаскиваете свое изображение, и точкой, в которой находится ваш маркер. Разница составляет около 10/15 пикселей на образце, связанном выше, независимо от уровня масштабирования. При максимальном увеличении это не очень важно, но чем больше вы уменьшаете, тем больше разрыв.

Иллюстрация разрыва:

На моем веб-сайте я пытаюсь перетащить зеленый маркер из-за пределов карты к югу от озера Леман, недалеко от Женевы: (мы просто ДО наведения мыши, это все еще мое изображение .png)

И когда я поднимаю мышку, здесь ставится «настоящий» маркер:

(мы находимся в 100 км / 60 миль от желаемого места ...)

Итак, почему такой разрыв? В приведенном выше примере пробел менее важен, но он также существует. В консоли моего браузера нет ошибок, и это не кажется сложной проблемой CSS.
Кто-нибудь знает, как исправить эту проблему?

Спасибо