Добавить диапазон боковых размеров для прямоугольного слоя многоугольника в Mapbox GL ⇐ Javascript

[Anonymous]

Я строю инструмент для редактирования прямоугольного многоугольника на карте карт в Интернете. У прямоугольника есть элементы управления на середине каждой прямоугольной стороны, которые позволяют изменить размер. Это изменение размера должно позволить перемещать только одну определенную сторону и сделать прямоугольник меньше или больше.onPointerMove = (event: MapMouseEvent) => {
if (!isNumber(this.knobIndex)) return;
if (!this.raster.coordinates?.length) return;

const pointB = [event.lngLat.lng, event.lngLat.lat];

const indexA = this.knobIndex;
const indexB = (this.knobIndex + 1) % 4;

const pointA = this.raster.coordinates[indexA];
const pointC = this.raster.coordinates[indexB];

const deltaX = pointB[0] - (pointA[0] + pointC[0]) / 2;
const deltaY = pointB[1] - (pointA[1] + pointC[1]) / 2;

const newCoordinates = [...this.raster.coordinates];
newCoordinates[indexA] = [pointA[0] + deltaX, pointA[1] + deltaY];
newCoordinates[indexB] = [pointC[0] + deltaX, pointC[1] + deltaY];

this.onUpdate(newCoordinates);
};

< /code>
это работает, но, например, при изменении размера правой стороны он перемещается не только по оси x, но и оси y. См. Фото.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -mapbox-gl