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

Drawing lines over static images with JavaScript

本文关键字:绘制 图像 JavaScript 静态      更新时间:2023-09-26

我想让用户能够在静态图像上绘制路线和区域,因为它是在谷歌地图上完成的。我从来没有做过JavaScript绘图。请给我建议:

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

  2. 对于大多数浏览器来说,常见的绘制方式是什么?据我所知,许多浏览器都不支持"canvas"标签,并且使用多个div来制作一行并不是实现这一目标的最佳方法。

  3. 是否有可能将谷歌地图API附加到静态图片?

谢谢!

查看Google Maps "GroundOverlay"对象

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

这应该允许你把你的静态图像放在地图的顶部,同时保持所有地图的常规功能(信息窗口,折线,路线等)。