Tenemos un sitio que utiliza la API de Google Maps v3 para mostrar un montón de marcadores en el mapa. Se puede hacer clic en los marcadores y abrir una ventana emergente de información estándar de Google Maps.

Esto funciona muy bien en todos los navegadores de escritorio. Pero por alguna razón, no puedo hacer que funcione en ningún dispositivo móvil que haya probado (una variedad de dispositivos Android e iOS). Los marcadores simplemente no responden a los clics.

Lo he reducido a nuestros marcadores personalizados. Si elimino el código que carga nuestras imágenes de marcadores personalizados usandonew google.maps.MarkerImage(), entonces funciona bien.

<code>var marker = new google.maps.Marker(
    var markerOptions = {
        icon : new google.maps.MarkerImage(
            mURL, new google.maps.Size(mWidth,mHeight),
            new google.maps.Point(0,0),new google.maps.Point(anchorX,anchorY)
        ),
        flat: true,
        position: point,
        visible: true,
        title: title,
        zIndex: zIndex,
        map: map,
    }
);

google.maps.event.addListener(marker,'click',function() { ...... });
</code>

El código anterior funciona bien en todos los navegadores de escritorio, pero falla en todos los navegadores móviles. Sin embargo, si elimino el gráfico personalizado (es decir, la propiedad 'icono'), funciona bien.

¿Algunas ideas? ¡Me estoy sacando el pelo!