Is it possible to disable rotation but keep zoom on the touchZoomRotate handler?

[tomskopek]

Basically, I want to do this: map.touchZoomRotate.disableRotation();

I need to disable rotation, but allow the user to still zoom in and out by double tapping and dragging. (this functionality)

Here is an example that replicates exactly what I need to accomplish: https://docs.mapbox.com/mapbox-gl-js/example/disable-rotation/

Currently it seems like the touchZoomRotate prop only accepts: true, false, or {around: 'center'}

Is it possible to .disableRotation() somehow?

I also noticed this old/closed PR that seemed to attempt this. Would the maintainers be open to accepting another PR adding these props if there is no other way?

[Pessimistress]

You can access the underlying Map instance by ref: https://visgl.github.io/react-map-gl/docs/api-reference/map#getmap

[tomskopek]

That worked perfectly. Thanks!

[tomskopek]

my code, for the next person who comes across this:

const mapRef = useRef(null);
  
useEffect(() => {
  if (mapRef.current) {
    const map = mapRef.current.getMap();
    map.touchZoomRotate.disableRotation();
  }
}, [mapRef.current]);
  
return (
  <Map
    ref={mapRef}
    ...