React-map-gl: How to disable double tap zoom and scroll zoom?

[DhanushkumarSivaji]

Hi, i want the map to be zoom in only on clicking the marker apart from that. Map shouldn't zoom on double tap, Mousescroll etc... How to do this.. Any idea?

[apakbaz]

you can disable scroll zoom using scrollZoom
doubleClickZoom for double click zoom
you can find more example here:
https://uber.github.io/react-map-gl/examples/interaction

[MedElBoudali]

try this:

const [settings, setsettings] = useState({
dragPan: false,
dragRotate: false,
scrollZoom: false,
touchZoom: false,
touchRotate: false,
keyboard: false,
doubleClickZoom: false
});

{...viewPort}
{...settings} ...