GoogleMaps Marker Click doesn't work on IOS


#1

Hi,

I’ve developed and tested an app on android and it works great, but as soon as I tried to test the same app on iOS I’ve experienced some troubles.

I’m using cordova google maps plugin to show native maps. In those maps, I put some markers, and if you tap/click one of them, a function should be fire.

On android it works, but I don’t know why on ios that tap/click doesn’t fire the function attached to the marker.

this.pits.forEach((item, index) => {
            let a = new GoogleMapsLatLng(item.latitud, item.longitud);
            let am: GoogleMapsMarkerOptions = {
                position: a,
                //icon:"www/assets/images/markers/map-marker-pit.png",
            };
            this.map.addMarker(am)
            .then((marker: GoogleMapsMarker) => {
                console.log('adding  pit marker');
                marker.addEventListener(GoogleMapsEvent.MARKER_CLICK)
            .subscribe(e => {
                console.log('you hit a pit marker');
               this.openPageContenido(item);
            });

            });

        });
        openPageContenido(pit:any){
          console.log('OPENPAGECONTENIDO');
          let cl= new ContenidoList(pit.id,pit.nombre,"");
          this.navCtrl.push( ContenidoPage, {"contenidoList": cl});
       }

So running “ionic run ios -lc” I can see for each marker -> adding pit marker
And the map shows all the markers, but If I tap one of them, there is no console log nor openPageContenido is fired.

Any idea?

Btw, I had to add:

.nav-decor{
     display:none!important;
   }

In order to be able to see he map, because otherwise a black screen is over the map.
And I don’t know why, my custom markers are not displayed, I tried with different urls but no one worked. Meanwhile I leave them without my custom icon.

Cheers!


#2

Ionic wrapper doesn’t work with cordova googlemaps v2