Moving map while using draw/modify/translate interactions

Question

I'm using draw/modify/translate interactions to allow users to draw features. But when the user drags a point outside the map, I want the map to move along.

At the moment I'm using version 6.15, but can't find any build-in way to allow this. Is it possible?

Maybe poor choice of words. The user cliks and drags a point, and moves the mouse outside the map control. — tteslo
– tteslo, Commented Jan 6, 2024 at 21:20

BR75 · Accepted Answer · 2024-01-07 13:28:53Z

0

You could do it like this:

const dragInteraction = new Translate();

dragInteraction.on('translating', (event) => {
    const features = event.features.getArray();

    const featureExtents = features.map(x => x.getGeometry()?.getExtent());

    let boundingFeatureExtent = createEmpty();

    for (const extent of featureExtents) {
        if (!extent) {
            continue;
        }
        extend(boundingFeatureExtent, extent)
    }

    const mapView = map.getView();
    const viewExtent = mapView.calculateExtent();

    if (!containsExtent(viewExtent, boundingFeatureExtent)) {
        mapView.fit(extend(viewExtent, boundingFeatureExtent));
    }

})

https://jsfiddle.net/komarara/zheuncb3/29/

edited Jan 7, 2024 at 13:28

answered Jan 7, 2024 at 12:55

BR75

6729 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Moving map while using draw/modify/translate interactions

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related