@vis.gl/react-maplibre/dist/utils/transform.js

React components for Maplibre GL JS

import { deepEqual } from "./deep-equal.js";
/**
 * Capture a transform's current state
 * @param transform
 * @returns descriptor of the view state
 */
export function transformToViewState(tr) {
    return {
        longitude: tr.center.lng,
        latitude: tr.center.lat,
        zoom: tr.zoom,
        pitch: tr.pitch,
        bearing: tr.bearing,
        padding: tr.padding
    };
}
/* eslint-disable complexity */
/**
 * Applies requested view state to a transform
 * @returns an object containing detected changes
 */
export function applyViewStateToTransform(
/** An object that describes Maplibre's camera state */
tr, 
/** Props from Map component */
props) {
    const v = props.viewState || props;
    const changes = {};
    if ('longitude' in v &&
        'latitude' in v &&
        (v.longitude !== tr.center.lng || v.latitude !== tr.center.lat)) {
        const LngLat = tr.center.constructor;
        // @ts-expect-error we should not import LngLat class from maplibre-gl because we don't know the source of mapLib
        changes.center = new LngLat(v.longitude, v.latitude);
    }
    if ('zoom' in v && v.zoom !== tr.zoom) {
        changes.zoom = v.zoom;
    }
    if ('bearing' in v && v.bearing !== tr.bearing) {
        changes.bearing = v.bearing;
    }
    if ('pitch' in v && v.pitch !== tr.pitch) {
        changes.pitch = v.pitch;
    }
    if (v.padding && tr.padding && !deepEqual(v.padding, tr.padding)) {
        changes.padding = v.padding;
    }
    return changes;
}
//# sourceMappingURL=transform.js.map