【发布时间】:2010-11-14 09:51:14
【问题描述】:
我的一个 Google 地图应用上有一个火箭标记。毫不奇怪,我需要根据它的方向旋转它。我怎样才能做到这一点?使用画布/VML 旋转图像(就像 jquery-rotate 一样)似乎不是一种选择,因为我需要将 URL 指定为图像源,而不是 <img> 元素。
【问题讨论】:
标签: google-maps google-maps-api-3 rotation rotatetransform
我的一个 Google 地图应用上有一个火箭标记。毫不奇怪,我需要根据它的方向旋转它。我怎样才能做到这一点?使用画布/VML 旋转图像(就像 jquery-rotate 一样)似乎不是一种选择,因为我需要将 URL 指定为图像源,而不是 <img> 元素。
【问题讨论】:
标签: google-maps google-maps-api-3 rotation rotatetransform
最好的跨浏览器方式是创建一个带有不同角度标记的精灵,并根据角度改变标记的大小属性。
另一种非跨浏览器方式是使用 CSS3 转换,您可能需要创建自定义叠加层来执行此操作。或者,使用画布在地图上绘制。但是,您不会获得一个 dom 元素来捕获点击事件。
【讨论】:
您可以制作该图像的更多版本(用于旋转)并使用您想要的图像的 url。
【讨论】: