Google maps api 3 谷歌地图v3 MarkerImage&；jQuery.Rotate

我有以下代码，这是谷歌地图V3上的自定义图标。我想使用jQuery.rotate插件对其进行旋转

var image = new google.maps.MarkerImage(
    "markers/test.png",
    new google.maps.Size(52, 52), // size
    new google.maps.Point(0, 0), // origin
    new google.maps.Point(20, 0) // anchor
);


marker = new google.maps.Marker(
{
    map: map,
    draggable: false,
    position: markerData[i].latLng,
    visible: true,
    icon: image,
    optimized: false
});

问题是jQuery.Rotate希望DOM id标识要旋转的元素。。Markerimage没有，我无法指定它

例如

$（“#图像”）。旋转（15）；

是否有人可以向我展示一些示例代码，允许我为MarkerImage分配一个id，以便jQuery.Rotate可以使用它，例如#image，假设id为id=“image”，或者是否有其他方法告诉jQuery.Rotate使用MarkerImage而不是指向DOM元素

---

任何帮助都将不胜感激。。如果我找不到答案，我需要为我使用的每个图标创建360个版本的相同图标，其中有很多。我更喜欢使用这个插件。希望有一个简单的答案

我不能提供一个“答案”，只是一个提示和观察

假设您的映射是一个名为“map”的DOM对象，请查看DOM对象

map.l.innerContainer.outerHtml

。（这是小写的“l”-map.l）

在outerHtml中，在许多其他div中，您应该能够找到一个包含图标img文件的div

我想做和你一样的事情，动态地旋转图标，但我还没有找到时间来看看我是否可以组织一种方法，在这些div上放置一个id，以便于使用jquery来旋转它们。div是由api创建的

文献中描述了一些DOM突变事件（如

domnodeinsertedintocument

），但显然它们的实现是不可靠的/不平衡的，而且听起来好像它们已经从W3C规范中删除了。我还没有尝试过这些事件，因此无法根据个人经验进行评论

在我的例子中，我刚刚决定为我的应用程序创建每个主方向的图标文件，比如nNNE等，这样看起来图标对齐得很好

---

如果您的任务成功，请在此为其他人分享您的解决方案。

如果有人能够提供帮助，我们将不胜感激。如果有更简单的方法，我真的不想创建数百个图标。你看到了吗？谢谢你。这个周末我会进一步调查的。

<img src="img" id="image">
$("#image").rotate(15);