How to use the ol-mapbox-style/stylefunction function in ol-mapbox-style

To help you get started, we’ve selected a few ol-mapbox-style examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github nasa-gibs / worldview / web / js / modules / vector-styles / selectors.js View on Github external
export function clearStyleFunction(def, vectorStyleId, vectorStyles, layer, state) {
  var styleFunction;
  var layerId = def.id;
  var glStyle = vectorStyles[layerId];
  var olMap = lodashGet(state, 'legacy.map.ui.selected');
  if (olMap) {
    lodashEach(olMap.getLayers().getArray(), subLayer => {
      if (subLayer.wv.id === layerId) {
        layer = subLayer;
      }
    });
  }
  styleFunction = stylefunction(layer, glStyle, vectorStyleId);
  if (glStyle.name === 'Orbit Tracks') {
    // Filter time by 5 mins
    layer.setStyle(function(feature, resolution) {
      var minute;
      var minutes = feature.get('label');
      if (minutes) {
        minute = minutes.split(':');
      }
      if ((minute && minute[1] % 5 === 0) || feature.getType() === 'LineString') {
        return styleFunction(feature, resolution);
      }
    });
  }
  return update(vectorStyles, { layerId: { maps: { $unset: ['custom'] } } });
}
github nasa-gibs / worldview / web / js / modules / vector-styles / selectors.js View on Github external
layer = subLayer;
            }
          });
        }
      } else {
        lodashEach(layerGroups, subLayer => {
          if (subLayer.wv && (subLayer.wv.id === layerId)) {
            layer = subLayer;
          }
        });
      }
    });
  }

  // Apply mapbox-gl styles
  styleFunction = stylefunction(layer, glStyle, vectorStyleId);
  // Filter Orbit Tracks
  if (glStyle.name === 'Orbit Tracks') {
    // Filter time by 5 mins
    layer.setStyle(function(feature, resolution) {
      var minute;
      var minutes = feature.get('label');
      if (minutes) {
        minute = minutes.split(':');
      }
      if ((minute && minute[1] % 5 === 0) || feature.getType() === 'LineString') {
        return styleFunction(feature, resolution);
      }
    });
  } else if (glStyle.name === 'SEDAC' &&
    ((selected[layerId] && selected[layerId].length))) {
    const selectedFeatures = selected[layerId];
github openlayers / ol-mapbox-style / example / stylefunction.js View on Github external
.then((glStyle) => {
    stylefunction(layer, glStyle, 'states');
    if (map.getLayers().getArray().indexOf(layer) === -1) {
      map.addLayer(layer);
    }
  });
github infra-geo-ouverte / igo2-lib / packages / geo / src / lib / layer / shared / layer.service.ts View on Github external
this.getMapboxGlStyle(layerOptions.mapboxStyle.url).subscribe(res => {
        stylefunction(layer.ol, res, layerOptions.mapboxStyle.source);
      });
    }

ol-mapbox-style

Create OpenLayers maps from Mapbox Style objects

BSD-2-Clause
Latest version published 6 days ago

Package Health Score

86 / 100
Full package analysis