Как центрировать div после масштабирования

Question

У меня небольшие проблемы с тем, что, как я думал, будет довольно легко. Я пытаюсь реализовать карту, где вы можете увеличивать и уменьшать масштаб с помощью мыши. Эта часть работает отлично, но она всегда масштабируется, что верхний левый угол остается на (0/0). Я попытался дать ему типичное масштабирование карт Google, но это действительно не сработало.

Я подготовил немного jsFiddle, чтобы вы могли видеть, о чем я говорю. Как я уже сказал, я попытался реализовать центрирующую часть уже в функции centerOnMouse, но до сих пор мне не повезло. maybee любой может предложить, как это может быть изменено, чтобы соответствовать моим потребностям. Заранее спасибо.

Answer 1

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

Answer 2

Я думаю, что эта ссылка может решить вашу проблему "Zoomable images using google maps api" :)