CODEWITHSUNDEEP
openlayers-3
Hooloovoo13
Hooloovoo13

Reputation: 241

Openlayers 3 custom polygon symbolizer

Is it possible to make the symbolizer of a feature be a polygon? Openlayers 3 has a ol.style.Circle and ol.style.RegularShape symbolizers for example. Is there something equivalent to a hypothetical ol.style.Polygon? Whereby you could make a dynamic symbolizer from multiple points?

The reason I want to do this is because I have markers on my map that are dynamically shaped depending on the data for that marker. It is possible to simply draw a ol.geom.Polygon at each point, but then they are not zoom independent. I want to have markers that are zoom independent, meaning that their size on the screen does not change when I zoom in or out.

And just to be clear, using raster images (for example in ol.style.Icon) is not possible. There are way too many markers in way too many shapes and colours in my project.

Upvotes: 2

Views: 1425

Answers (1)

tsauerwein
tsauerwein

Reputation: 6041

Yes, this is possible. ol.style.Style takes a geometry argument that you can use to overwrite the geometry that is used to render a feature.

var style = function(feature, resolution) {
  // construct the polygon taking the resolution into account
  var polygon = new ol.geom.Polygon(...);

  return [
    new ol.style.Style({
      geometry: polygon,
      stroke: ...
      fill: ...
    }),
  ];
};

Also see this question: Drawing a Speed Leader line in OpenLayers

Upvotes: 4

Related Questions