如何繪製可用於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元素的樣式和類等等這樣的東西來說，這是非常好的。按照您的示例，here's their example可以非常簡單地在地圖上投影圖像（具有定義的右上/左下座標） 。