Google Maps native doesn't allow scrolling

Hello, I am with a problem that I can not solve and I do not know if it is an error of mine or a plugin bug.

I’m using the map loads well, I can interact by adding markers, modifying options, etc. But I can not scroll the map with the touch of the mobile, it is as if it will not take any event, if I do pinch to zoom does not do anything either.

I am using Ionic 3.7.0 and the latest version of the plugin.

As an added, I encapsulated the map logic in a component, since I use it for different views, from product.js I open a view (it is called modal-gmap.html, but I do not invoke it as modal because that way the map does not Loaded) and within that view I raise the google-maps component.


public openMap(){
    this.navCtrl.push(ModalGmapPage, {
        multiple: true,


<ion-content padding>
    <google-maps [gmapdata]="gmapdata" [multiple]=multiple [zoom]=zoom></google-maps>


    this.loadMap(lat, lng, markertitle, zoom);

loadMap(lat:number, lng:number, marker_title:string, zoom:number) {
    let element: HTMLElement = document.getElementById('map');

    let map: GoogleMap = this.googleMaps.create(element);

        () => {
            let my_loc: LatLng = new LatLng(lat, lng);

            let position: CameraPosition = {
                target: {
                    lng: my_loc.lng
                zoom: zoom


            let markerOptions: MarkerOptions = {
                position: my_loc,
                title: marker_title

                .then((marker: Marker) => {
        (error) => {

<div #map id="map" style="height: 100%;"></div>

Thank you very much for any help.

Increase the z index of your map div, with the latest plugin the map lays underneath the app and touch events dont seem to register properly sometimes