Circular editing mode, displaying only the top, bottom, left, and right four points

[Thunder7991]

In circular editing mode, there are too many points, can we only display points in four directions?

[JamesLMilner]

Thanks for raising this, I can understand why it would be useful. This is not specifically unique to selecting a polygon feature drawn with the Circle mode, and is true of all polygons that get selected. It would be hard to change the behaviour to for just selecting circle polygons (as circles are simply polygons of a certain shape), so what I think would be better would be to be able to set a configurable variable which would reduce the number of selection points rendered for a given polygon.

I would like to be able to support this, but it would be quite a bit of work and I probably won't be able to get to it in the immediate future.

[Thunder7991]

Thanks for raising this, I can understand why it would be useful. This is not specifically unique to selecting a polygon feature drawn with the Circle mode, and is true of all polygons that get selected. It would be hard to change the behaviour to for just selecting polygons, so what I think would be better would be to be able to set a configurable variable which would reduce the number of selection points rendered for a given polygon.

I would like to be able to support this, but it would be quite a bit of work and I probably won't be able to get to it in the immediate future.

@JamesLMilner This is a very good idea, so that it can customize polygons, which is also an advantage compared to other plugins. I really hope the author can optimize it, and I think it will be more applied to projects.

[Thunder7991]

Based on the analysis of the source code, the workload of such modifications is indeed enormous,
Can we hide the layer with multiple points on the existing basis and add a layer with four points on top, bottom, left, and right, and fix it to the circular edge through some algorithm It has the same functions as multi-point positioning.

[neodescis]

I figured out a relatively simple workaround to achieve this with styling, thanks to the properties that are being set on the selection points:

const showSelectionPoint = (feature: GeoJSONStoreFeatures) => {
  const mainFeature = this.#terraDraw.getSnapshot()
    .find(({ id }) => id === feature.properties['selectionPointFeatureId']);
  if (mainFeature?.properties['mode'] === 'circle' && typeof feature.properties['index'] === 'number') {
    return feature.properties['index'] % 16 === 0;
  }
  return true;
};

...

styles: {
  selectionPointWidth: (feature) => (showSelectionPoint(feature) ? 6 : 0),
  selectionPointOutlineWidth: (feature) => (showSelectionPoint(feature) ? 2 : 0)
}