如何动态创建自定义图形以在Google Maps v3 Markers上使用?

时间:2012-06-15 07:57:28

标签: javascript html5 google-maps google-maps-api-3 svg

我制作的Google地图应用程序应该支持对显示数据的高度自定义。我希望允许用户(除其他外)在这些形状的各种形状和颜色之间进行选择。目前我已经创建了这些形状的PNG,每种形状都有8种不同的颜色变化。

添加其他形状不仅需要做很多工作,而且颜色设置也受到严格限制。我想允许用户调整一些设置并使用它们创建一个全新的图标。为了在纯JavaScript中实现这一点,Google Maps标记必须能够显示Canvas数据,根据我发现的(相对较旧的)博客文章,它不会显示。

我能想到的另一个选择是创建SVG图像,但如果我只在JavaScript字符串中包含SVG数据,如何将SVG应用于Google Maps标记呢?

无论如何,总结一下这个问题; 如何动态创建自定义图形并将其用于Google地图标记?

1 个答案:

答案 0 :(得分:1)

使用Canvas2Image将您的画布保存为图片,然后将其应用于Google地图。