@geogirafe/lib-geoportal/components/selectiongrid/tools/formatgridgeomvalue.js

GeoGirafe is a flexible application to build online geoportals.

import { Circle, LineString, MultiLineString, MultiPoint, MultiPolygon, Point, Polygon } from 'ol/geom';
import { getCenter } from 'ol/extent';
import { getArea, getDistance, polygonFromCircle } from '../../../tools/utils/olutils';
import { formatCoordinates } from '../../../tools/geometrytools';
/**
 * Generates HTML string containing icons based on the provided geometry.
 */
export default class FormatGridGeomValue {
    constructor() {
        Object.defineProperty(this, "locale", {
            enumerable: true,
            configurable: true,
            writable: true,
            value: ''
        });
    }
    /**
     * @returns The generated HTML string containing the icons, based on the provided geometry.
     */
    getGeometryIcons(geometry, locale) {
        this.locale = locale;
        const info = this.getGeometryIconsInfo(geometry);
        if (!info[0]) {
            return;
        }
        const icons = info[0];
        return icons;
    }
    /**
     * Supports point, multipoint, line, multilines (as line),
     * polygon and multipolygons (as polygon) and circle (as polygon).
     * @return A tuple containing the icon html, based on the given geometry,
     * and coordinates array. Can returns [null, null] in case of not supported geometry.
     */
    getGeometryIconsInfo(geometry) {
        if (geometry instanceof Point) {
            return this.getGeometryIconsInfoPoint(geometry);
        }
        if (geometry instanceof MultiPoint) {
            return this.getGeometryIconsInfoMultiPoint(geometry);
        }
        if (geometry instanceof LineString || geometry instanceof MultiLineString) {
            return this.getGeometryIconsInfoLine(geometry);
        }
        if (geometry instanceof Polygon || geometry instanceof MultiPolygon) {
            return this.getGeometryIconsInfoPolygon(geometry);
        }
        if (geometry instanceof Circle) {
            return this.getGeometryIconsInfoPolygon(polygonFromCircle(geometry));
        }
        console.error('Unknown geometry type', geometry?.getType());
        return [null, null];
    }
    /**
     * @returns A tuple containing the icons and coordinates for a point geometry.
     * @private
     */
    getGeometryIconsInfoPoint(geometry) {
        let icons = '<img alt="point icon" src="icons/point.svg" />';
        const coords = geometry.getFlatCoordinates();
        const niceCoords = formatCoordinates(coords, this.locale);
        icons += `<span>E ${niceCoords[0]} / N ${niceCoords[1]}</span>`;
        return [icons, coords];
    }
    /**
     * @returns A tuple containing the icons and coordinates for a multi point geometry.
     * @private
     */
    getGeometryIconsInfoMultiPoint(geometry) {
        let icons = '<img alt="multipoint icon" src="icons/multipoint.svg" />';
        if (geometry.getPoints.length === 1) {
            const coords = geometry.getPoint(0).getFlatCoordinates();
            const niceCoords = formatCoordinates(coords, this.locale);
            icons += `<span>E ${niceCoords[0]} / N ${niceCoords[1]}</span>`;
            return [icons, coords];
        }
        const coords = getCenter(geometry.getExtent());
        icons += `<span>Multipoint</span>`;
        return [icons, coords];
    }
    /**
     * @returns A tuple containing the icons and coordinates for a line or multiline geometry.
     * @private
     */
    getGeometryIconsInfoLine(geometry) {
        let icons = '<img alt="polyline icon" src="icons/polyline.svg" />';
        let geoLength;
        if (geometry instanceof MultiLineString) {
            geoLength = geometry.getLineStrings().reduce((length, line) => length + getDistance(line.getCoordinates()), 0);
        }
        else {
            geoLength = getDistance(geometry.getCoordinates());
        }
        const length = (Math.round(geoLength * 100) / 100).toLocaleString(this.locale, {
            minimumFractionDigits: 2
        });
        icons += `<span>${length}&nbsp;m</span>`;
        const coords = getCenter(geometry.getExtent());
        return [icons, coords];
    }
    /**
     * @returns A tuple containing the icons and coordinates for a polygon or multipolygon geometry.
     * @private
     */
    getGeometryIconsInfoPolygon(geometry) {
        let icons = '<img alt="polygon icon" src="icons/polygon.svg" />';
        let geoArea = 0;
        if (geometry instanceof MultiPolygon) {
            geometry.getPolygons().forEach((polygon) => (geoArea += getArea(polygon)));
        }
        else {
            geoArea = getArea(geometry);
        }
        const area = (Math.round(geoArea * 100) / 100).toLocaleString(this.locale, { minimumFractionDigits: 2 });
        icons += `<span>${area}&nbsp;m<sup>2</sup></span>`;
        const coords = getCenter(geometry.getExtent());
        return [icons, coords];
    }
}