在angular-leaflet-directive中旋转标记

Question

编辑：我不在乎如何修复我的代码/为什么它会像这样表现，我只想在角度传单指令中围绕其中心旋转一个标记。

我知道the question here，但我不知道如何获取每个标记的DOM元素。我创建标记的方式是

$rootScope.markers.push(
            {
                lng : 23.8404236,
                lat : 38.04595,
                icon: {
                    iconUrl : url,
                    iconSize: [30, 30]
                }
            }
        );

我还希望围绕它们对应的坐标旋转它们，而不是它们的尖端（Leaflet的最左上角）。

我目前正在使用Marker.Rotate.js，但它们会围绕某个任意点旋转，如您所见：

他们的代码是：

$rootScope.markers.push(
            {
                lng      : 23.8404236,
                lat      : 38.04595,
                icon     : {
                    iconUrl : 'misc/images/debug3.png',
                    iconSize: [30, 30]
                },
                iconAngle: 30
            }
        );
        $rootScope.markers.push(
            {
                lng : 23.8404236,
                lat : 38.04595,
                icon: {
                    iconUrl : url,
                    iconSize: [30, 30]
                }
            }
        );
        $rootScope.markers.push(
            {
                lng      : 23.8404236,
                lat      : 38.04595,
            }
        );

原始图片的尺寸为120x120，因此可以缩小到30x30。另外我没有设置锚点，因为给定大小，它会自动设置为中间（[15,15]我猜测） - 即使我设置了锚点，结果也是一样的。“ / p>

我希望标记围绕[15,15]旋转，而不是左下角或其他任何点。

Answer 1

我像这样破解了答案：

_name

它不漂亮，但它有效。