我正在试用Leaflet，并根据找到的示例添加了图像叠加层。
真的很简单
imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
var x = L.imageOverlay(imageUrl, imageBounds, {'zIndex':0}).addTo(mymap);
现在，我希望实现以下目标，最好不要使用任何插件。我研究了可用的插件，并意识到它们都不适合我需要做的事情。我可能是错的，但我想我会尝试在没有插件的情况下执行此操作。
到目前为止，我一直尝试使用CSS缩放和旋转imageOverlay。通过设置以下示例：
transform: rotate(45deg) !important;
问题在于它似乎无法处理原点，并且图像绕其他轴旋转。另外，添加此图片后，随着我放大和缩小地图，图像也开始移动。
所以总结一下我要实现的目标：
在没有插件的情况下是否可行？或者我应该为此使用插件吗？
编辑2019-02-28 ：
我现在已经接近解决方案，但是我遇到了一些小问题，即图像旋转不是100％正确的。请检查小提琴。
答案 0 :(得分：0)
发现了问题。计算宽高比时出错。这不是必需的，而是造成问题的原因