Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何绘制可与OpenLayers一起使用的多边形?_Javascript_Svg_Openlayers - Fatal编程技术网

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

Javascript 如何绘制可与OpenLayers一起使用的多边形?,javascript,svg,openlayers,Javascript,Svg,Openlayers,我可以在Inkscape中使用多边形绘制自定义形状。我的目标是在美国地图顶部的固定位置显示这些形状。地图和多边形将显示在网页上,并具有放大、缩小和平移功能。我想知道是否可以使用OpenLayers将这些多边形放置在这样的地图上。怎么用?哪里有这样的例子?我对OpenLayers不够熟悉,如果它能满足我的要求,我会学习更多。我需要能够以编程方式填充服务器端或客户端的每个形状。我还想基于lon/lat坐标在地图上放置标记。OpenLayers支持所有这些吗 这是我想做的一个例子。橙色区域是在Inks

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

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


您应该能够将导出的SVG作为常规图像覆盖处理。和。OpenLayers支持标记,但是如果您将SVG嵌入为平面图像,我不确定OpenLayers是否允许您对SVG元素进行开箱即用的样式设置


另一方面,它是一个替代的映射库,稍微更面向SVG;它特别适用于基于数据动态转换SVG层、操作SVG元素的样式和类等。根据您的示例,非常简单地将图像(具有定义的右上/左下坐标)投射到地图上。

您应该能够将导出的SVG视为常规图像覆盖。和。OpenLayers支持标记,但是如果您将SVG嵌入为平面图像,我不确定OpenLayers是否允许您对SVG元素进行开箱即用的样式设置

另一方面,它是一个替代的映射库,稍微更面向SVG;它特别适用于基于数据动态转换SVG层、操作SVG元素的样式和类等。根据您的示例,它非常简单地将图像(定义了右上/左下坐标)投射到地图上