如何绘制可与OpenLayers一起使用的多边形？

Question

我可以在Inkscape中使用多边形绘制自定义形状。我的目标是在固定位置的美国地图上显示这些形状。地图和多边形将显示在网页上，可以放大和缩小并平移。我想知道这些多边形是否可以使用OpenLayers放置在这样的地图上。怎么样？示例在哪里？我对OpenLayers不够熟悉，如果能满足我的要求，我会学到更多。我需要以编程方式为服务器或客户端的每个形状填充颜色。我还想根据lon / lat坐标在地图上放置标记。 OpenLayers是否支持所有这些？

这是我想要做的一个例子。橙色区域在Inkscape中定义，颜色橙色可以是编程方式的不同颜色集。这是一个显示在网页上的简单svg文件。

Answer 1

您应该能够将导出的SVG视为常规图像叠加层。 Here is the OpenLayers API for image overlays和here is another SO answer with a very basic image overlay example。 OpenLayers支持标记，但如果你将SVG作为平面图像嵌入，我不确定OpenLayers是否允许你开箱即用SVG元素的样式......

顺便说一句，Polymaps是一个替代的映射库，它稍微偏向于SVG;对于像SVG元素一样动态转换SVG图层，操纵SVG元素的样式和类等等，特别有用。例如，here's their example非常简单地抛出图像（具有定义的右上角/左下角坐标） ）在地图上。