@mapsight/lib-ol 4.0.0

package/src/js/view/centerOnFeature.ts

@@ -0,0 +1,23 @@
+import type Feature from "ol/Feature";
+import type View from "ol/View";
+import * as olExtent from "ol/extent";
+
+export type CenterOnFeatureOptions = {
+	duration?: number;
+};
+
+export const DEFAULT_OPTIONS = {
+	duration: 300, // TODO: MAGIC NUMBER!
+};
+
+export default function centerOnFeature(
+	view: View,
+	feature: Feature,
+	options: CenterOnFeatureOptions = DEFAULT_OPTIONS,
+) {
+	const featureExtent = feature.getGeometry()?.getExtent();
+	if (featureExtent) {
+		const center = olExtent.getCenter(featureExtent);
+		view.animate({center: center, ...options});
+	}
+}

package/src/js/view/centerOnFeatures.ts

@@ -0,0 +1,30 @@
+import type Feature from "ol/Feature";
+import type View from "ol/View";
+import * as olExtent from "ol/extent";
+
+import type {CenterOnFeatureOptions} from "./centerOnFeature";
+import {DEFAULT_OPTIONS as SINGLE_FEATURE_DEFAULT_OPTIONS} from "./centerOnFeature";
+
+export const DEFAULT_OPTIONS = {...SINGLE_FEATURE_DEFAULT_OPTIONS};
+
+export default function centerOnFeatures(
+	view: View,
+	features: Array<Feature>,
+	options: CenterOnFeatureOptions = DEFAULT_OPTIONS,
+) {
+	if (!features || !features.length) {
+		return;
+	}
+
+	// combine extents
+	const featuresExtent = olExtent.createEmpty();
+	features.forEach((feature) => {
+		const extent = feature.getGeometry()?.getExtent();
+		if (extent) {
+			olExtent.extend(featuresExtent, extent);
+		}
+	});
+
+	const center = olExtent.getCenter(featuresExtent);
+	view.animate({center: center, ...options});
+}

package/src/js/view/getMinZoomFittingContentInView.ts

@@ -0,0 +1,50 @@
+import {getHeight, getWidth} from "ol/extent";
+import {get as projGet} from "ol/proj";
+
+function getBaseLog(x: number, base: number) {
+	return Math.log(x) / Math.log(base);
+}
+
+/**
+ * @param contentExtentWidth contentExtentWidth
+ * @param contentExtentHeight contentExtentHeight
+ * @param viewWidth viewWidth
+ * @param viewHeight viewHeight
+ * @param options options
+ * @returns zoom
+ */
+export default function getMinZoomFittingContentInView(
+	contentExtentWidth: number,
+	contentExtentHeight: number,
+	viewWidth: number,
+	viewHeight: number,
+	{
+		zoomFactor = 2,
+		projectionCode = "EPSG:3857",
+		tileSize = 256,
+		minZoom = 0,
+	} = {},
+) {
+	const maxResolutionX = contentExtentWidth / viewWidth;
+	const maxResolutionY = contentExtentHeight / viewHeight;
+	const maxResolution = Math.max(maxResolutionX, maxResolutionY);
+
+	const projection = projGet(projectionCode);
+	if (!projection) {
+		throw Error("projection missing");
+	}
+
+	const projectionExtent = projection.getExtent();
+	const projectionExtentSizeMax = Math.max(
+		getWidth(projectionExtent),
+		getHeight(projectionExtent),
+	);
+
+	return getBaseLog(
+		projectionExtentSizeMax /
+			tileSize /
+			Math.pow(zoomFactor, minZoom) /
+			maxResolution,
+		zoomFactor,
+	);
+}