如何像标记一样创建谷歌纵横？

在我的HTML5应用中，我使用Google Map v3并在地图上添加了几个标记。 放置新标记和更改图标很容易，但我希望能够构建像谷歌纵横中使用的标记。 这些标记设置有图标图像和漂亮的边框。
关于如何做到这一点的任何想法？

Answer 1

您可以在服务器端执行此操作，或者由于您使用的是HTML 5并假设您具有可用的canvas，因此您可以在客户端执行此操作。 下面是一种使用HTML 5canvas在客户端进行操作的方法。 在服务器端执行操作会因您使用的语言而异，但技术类似。

下载这些图像并试用。 图像需要与页面位于同一域中以避免安全性错误。 除非您更新HTML中的位置，否则它们也应位于同一目录中。

页面加载后，单击面，将使用提供的帧图像创建随机标记并添加到Google地图。

感谢Matthew Crumley从这里获取toDataUrl代码。