OL3中的矢量图标?

时间:2015-06-02 15:34:07

标签: javascript openlayers-3

我想使用绘制的矢量图标作为标记,因此它们在缩放图像时保持其大小,但我仍然可以对它们进行着色和样式化。如果我在风格中使用图像,就像这样:

var iconStyle = new ol.style.Style({
        image: new ol.style.Icon( ({
        src: 'img.png'
      }))
    });

var iconFeature = new ol.Feature({
  geometry: new ol.geom.Point([0, 0]),
});
iconFeature.setStyle(iconStyle);

看起来我必须指定图像。有没有办法规范矢量对象,比如geoJson或SVG?

或者我是否需要以其他方式指定该功能?

1 个答案:

答案 0 :(得分:0)

原来,图像可以是矢量,也可以是光栅图标:

var style=new ol.style.Style({
    image: new ol.style.Circle({                                    
            radius: 100,
            fill: new ol.style.Fill({color: #ff0000" })                         
            })
      });

var iconFeature = new ol.Feature({
     geometry: new ol.geom.Point([0, 0]),
     });

iconFeature.setStyle(style);