2010-11-14 95 views
2

我的某個Google地圖應用程序中有一個火箭標記。毫不奇怪,我需要旋轉它取決於它的前進方向。我怎樣才能做到這一點?使用canvas/VML旋轉圖像(如jquery-rotate)似乎不是一種選擇,因爲我需要指定一個URL作爲圖像源,而不是<img>元素。旋轉Google Maps API標記圖像

回答

1

最好的跨瀏覽器方式是創建一個標記在不同角度的精靈,並根據角度改變標記的大小屬性。

另一個非跨瀏覽器的方式是使用CSS3轉換,你可能想創建一個自定義覆蓋爲了做到這一點。或者,使用畫布繪製到地圖上。儘管如此,你不會得到一個dom元素來捕獲點擊事件。

+0

你的意思是不同的偏移量/錨點?我同意,這可能會比每幀的單獨圖像更平滑。 – dpq 2010-11-17 12:18:11

+0

是的。許多。請點擊此處:http://code.google.com/apis/maps/documentation/javascript/reference.html#MarkerImage我很想看看您提供的內容。讓我知道。 – 2010-11-17 14:56:37

1

您可以製作該圖像的更多版本(用於旋轉)並使用所需圖像的網址。

+0

這是一種明顯而粗糙的解決方案。但是,如果沒有其他建議出現,我想我會使用這一個。 – dpq 2010-11-14 11:46:34