Debes pasar gestureHandling: 'greedy' a las opciones de tu mapa.

Documentación: https://developers.google.com/maps/documentation/javascript/interaction#gestureHandling

Por ejemplo:

 const map = new google.maps.Map(mapElement, { center: { 0, 0 }, zoom: 4, gestureHandling: 'greedy' });

¡Actualizar! Desde Google Maps 3.35.6 , debe encerrar la propiedad en un contenedor de opciones:

 const map = new google.maps.Map(mapElement, { center: { 0, 0 }, zoom: 4, options: { gestureHandling: 'greedy' } });

Gracias ealfonso por la nueva info

Si está de acuerdo con deshabilitar el desplazamiento para hacer zoom por completo, puede usar scrollwheel: false . El usuario aún podrá hacer zoom en el mapa haciendo clic en los botones de zoom si le proporciona el control de zoom ( zoomControl: true ).

Documentación: https://developers.google.com/maps/documentation/javascript/reference (busque en la página "scrollwheel")

 const map = new google.maps.Map(mapElement, { center: { 0, 0 }, zoom: 4, scrollwheel: false, zoomControl: true });

Si desea ocultar solo la superposición pero aún deshabilitar la capacidad de desplazarse y hacer zoom (como antes), puede usar CSS para ocultar la superposición:

 .gm-style-pbc { opacity: 0 !important; }

Tenga en cuenta que esto también lo ocultará para dispositivos móviles, por lo que podría usar algo como esto para asegurarse de que muestre "use dos dedos para mover el mapa":

 @media only screen and ( min-width: 980px ) { .gm-style-pbc { opacity: 0 !important; } }