Wir haben eine Website, die Google Maps API v3 verwendet, um eine Reihe von Markierungen auf der Karte anzuzeigen. Die Markierungen sind anklickbar und öffnen ein Standard-Info-Popup von Google Maps.

Dies funktioniert auf allen Desktop-Browsern hervorragend. Aber aus irgendeinem Grund kann ich es auf keinem von mir getesteten Mobilgerät (einer Vielzahl von Android- und iOS-Geräten) zum Laufen bringen. Die Marker reagieren einfach nicht auf Klicks.

Ich habe es auf unsere benutzerdefinierten Markierungen eingegrenzt. Wenn ich den Code entferne, der unsere benutzerdefinierten Markierungsbilder mit lädtnew google.maps.MarkerImage(), dann funktioniert es gut.

<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>

Der obige Code funktioniert auf allen Desktop-Browsern, schlägt jedoch in allen mobilen Browsern fehl. Wenn ich jedoch die benutzerdefinierte Grafik (dh die Eigenschaft 'icon') entferne, funktioniert sie einwandfrei.

Irgendwelche Ideen? Ich ziehe mir die Haare aus!