Capacitor Google Maps Scrolling and gesture handling

I am currently making an application that uses google maps capacitor, this application should not allow the user to move the map but it has markers that the user should be able to click on.

Currently the code is as follows:

async createMap(position: any, positionOptions: any) {
try { = await GoogleMap.create({
id: ‘my-map’,
apiKey: environment.mapsKey,
element: this.mapRef.nativeElement,
forceCreate: true,

    config: {
      center: {
        lat: position['coords'].latitude,
        lng: position['coords'].longitude
      disableDefaultUI: true,
      streetViewControl: false,
      zoomControl: false,
      minZoom: 14,
      zoom: 14,
      gestureHandling: 'none',
      scrollwheel: false,
      scaleControl: false,
      isFractionalZoomEnabled: false,
      disableDoubleClickZoom: false,

  const userLocation: LatLng = {
    lat: position['coords'].latitude,
    lng: position['coords'].longitude,
} catch (error) {
  console.error('Error al crear el mapa:', error);


However, the functionality that prevents the user from scrolling works when I open the localhost on web page but not when the app is on android.