如何在Google Maps v3標記上即時創建自定義圖形？

我正在製作一個Google地圖應用程序，該應用程序應該支持高度自定義顯示的數據。我想讓用戶（除其他之外）爲這些形狀選擇各種各樣的形狀和顏色。目前我已經創建了這些形狀的PNG，每個PNG具有8種不同的顏色變化。如何在Google Maps v3標記上即時創建自定義圖形？

不僅增加額外形狀的工作量很大，而且顏色設置也受到嚴重限制。我想讓用戶調整一些設置並用它們創建一個全新的圖標。爲了在純JavaScript中實現這一點，Google Maps標記必須能夠顯示Canvas數據，根據我發現的（相對較舊的）博客文章，它不會。

我能想到的另一個選擇是創建SVG圖像，但是如果我只在JavaScript字符串中包含SVG數據，那麼如何將SVG應用於Google Maps標記？

無論如何，總結一下這個問題; 如何即時創建自定義圖形並將其用於Google地圖標記？

2012-06-15 Hubro

http://stackoverflow.com/questions/1055367/how-can-i-overlay-svg-diagrams-on-google-maps告訴你一些關於如何覆蓋谷歌地圖上的SVG圖形。 –

想想這裏大聲。如果您不想爲每種顏色創建PNG標記，則可以顯示兩個頂部，最上面的一個具有不同的不透明度。因此，例如，在白色頂部上具有50％不透明度的紅色將是粉紅色的。這將爲您提供很多預定義圖像的顏色選擇。 – halfer

確實有趣的想法。儘管實現起來總是很痛苦，因爲每個Marker需要兩個標記，並且我已經圍繞「每個數據行一個標記」構建了一個大型應用程序。這也將是一個很大的表現擊中 – Hubro

使用Canvas2Image將您的畫布保存爲圖像，然後將其應用於Google地圖。

2012-06-15 08:00:50

非常酷！儘管沒有IE8的支持。我在一段時間內支持更好的答案 – Hubro

回答