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!