Угловые карты Google, такие как масштабирование ⇐ CSS

[Anonymous]

У меня возникли проблемы с реализацией масштабирования, подобного Googlemaps, в html/css. Я подготовил минимальный демонстрационный проект Angular с моим текущим решением с ошибками здесь. Проблема, с которой я столкнулся, заключается в том, что она работает так, как должна работать, только когда я несколько раз прокручиваю колесико мыши, удерживая курсор в одном и том же месте. Когда я быстро меняю положение курсора (и, таким образом, TransformOrigin) и впервые прокручиваю, он сначала смещает положение масштабируемого div (красного) на некоторое расстояние. Может ли кто-нибудь помочь мне объяснить и, возможно, исправить это поведение?

Подробнее здесь: https://stackoverflow.com/questions/793 ... ke-zooming