Javascript 图像缩放到鼠标上方的指针位置

我需要在移动（可拖动）指针时缩放图像（地图图像）。 我已经在下面的JSFIDLE中添加了代码，单击搜索并拖动该标志。 因此，在拖动该标志并将其移动到地图上时，我希望将地图缩放到该位置

地图图像位于

为解决方案编辑JSFIDLE将非常有用。

---

提前感谢

您可以使用

可拖动

中的

停止

-回调并放大您的

#xyz

-图像，然后：

类似这样的东西（这并不完美，但你可以玩一下）：

---

我希望你的图像比你小提琴里的图像大一点？是的，它们是更大的图像！我已经把它们放在div里了。我试着用它来缩放图像，但我放的地方都是相同的缩放！它不会缩放到我放置旗帜的位置！！无论如何，投票支持帮助：）只要玩一玩就可以解决它，如果您仍然卡住了，请回来再次分享您的代码和问题；）

$("#pointer").draggable({
    stop: function() {
        $("#xyz").css({
            transform: "scale(2)"
        });
    }
});