访问默认的OpenLayers样式

时间:2017-11-21 18:30:23

标签: javascript openlayers-3

我在图层上设置了ol.StyleFunction

function style(feature: ol.Feature, resolution: number): ol.style.Style {
  return ol.style.Style({
    // stuff from the feature properties
  });
}

并非所有功能都包含自己的样式信息。 在这种情况下,我想回到默认样式。

function style(feature: ol.Feature, resolution: number): ol.style.Style {
  if (!hasOwnStyle(feature)) {
    // defaultStyle is private :(
    return ol.style.Style.defaultStyle();
  }
  return ol.style.Style({
    // stuff from the feature properties
  });
}

有没有办法访问默认样式?

2 个答案:

答案 0 :(得分:2)

您可以设置默认样式

import style from 'ol/style';

var fill = new ol.style.Fill({
   color: 'rgba(255,255,255,0.4)'
 });
 var stroke = new ol.style.Stroke({
   color: '#3399CC',
   width: 1.25
 });
 var styles = [
   new ol.style.Style({
    image: new ol.style.Circle({
       fill: fill,
       stroke: stroke,
       radius: 5
     }),
     fill: fill,
     stroke: stroke
   })
 ];

documentation所示。

答案 1 :(得分:0)

将返回默认样式的样式函数分配给新创建的矢量层。您可以通过运行函数来获取样式数组

var defaultStyles = new ol.layer.Vector().getStyleFunction()();

编辑样式是一项需要具有几何特征的功能

var defaultEditingStyleFunction = new ol.interaction.Select().getOverlay().getStyleFunction();