使用JavaScript在静态图像上绘制线条

Question

我希望用户能够像在Google地图上一样在静态图像上绘制路线和区域。我以前从未做过任何JavaScript绘图。请指教我：

1. 任何可以帮助我在静态图像上绘制可编辑折线和多边形的库/插件（并使其能够存储我服务器上的线/点）

2. 大多数浏览器的常用方法是什么？据我所知，很多浏览器都不支持“canvas”标签，并且使用多个DIV制作一行并不是实现这一目标的最佳方法。

3. 是否可以将Google Maps API附加到静态图片上？

谢谢！

Answer 1

查看Google地图“GroundOverlay”对象

http://code.google.com/apis/maps/documentation/javascript/overlays.html#GroundOverlays

这应该允许您将静态图像放置在地图上，同时保留地图的所有常规功能（信息窗口，折线，路线等）。