旋转Google Maps API标记图像

我的某个Google地图应用程序中有一个火箭标记。毫不奇怪，我需要旋转它取决于它的前进方向。我怎样才能做到这一点？使用canvas/VML旋转图像（如jquery-rotate）似乎不是一种选择，因为我需要指定一个URL作为图像源，而不是<img>元素。旋转Google Maps API标记图像

来源

2010-11-14 dpq

最好的跨浏览器方式是创建一个标记在不同角度的精灵，并根据角度改变标记的大小属性。

另一个非跨浏览器的方式是使用CSS3转换，你可能想创建一个自定义覆盖为了做到这一点。或者，使用画布绘制到地图上。尽管如此，你不会得到一个dom元素来捕获点击事件。

来源

2010-11-15 23:00:16

你的意思是不同的偏移量/锚点？我同意，这可能会比每帧的单独图像更平滑。 – dpq 2010-11-17 12:18:11

是的。许多。请点击此处：http://code.google.com/apis/maps/documentation/javascript/reference.html#MarkerImage我很想看看您提供的内容。让我知道。 – 2010-11-17 14:56:37

您可以制作该图像的更多版本（用于旋转）并使用所需图像的网址。

来源

2010-11-14 10:33:03 aniri

这是一种明显而粗糙的解决方案。但是，如果没有其他建议出现，我想我会使用这一个。 – dpq 2010-11-14 11:46:34

旋转Google Maps API标记图像

回答

相关问题