Question

我正在angularjs中实施google maps api v3。我在页面上有两个地图：一个显示用户的位置，位于侧边栏，另一个允许用户添加标记。第二个映射仅用于在表单中添加条目到系统。

除了iOS 7上的移动Safari之外，它的工作正常。在运行iOS 7的iPad上，侧面图可以工作 - 即：你可以平移和缩放，但是另一张地图就好像它是一个图像 - 没有平移，缩放，或单击以添加标记。

在iOS7上的iPhone中，两张地图都是静态的，就好像它们是图像一样。在Safari中进行调试不会显示任何错误。

调试确实显示他们不会触发点击事件来添加标记。

iOS6上的iPad很好。 Android很好。桌面浏览器很好。

我正在使用Angular-ui ui.Maps来生成地图。

我甚至无法想到如何进一步调试。 iOS 7有没有人遇到过这样的问题？。 iOS7移动Safari是新的IE吗？我现在遇到了很多问题，只能在iOS7上出现。

更新

医生是对的。以下是修复它的代码：

$timeout(function(){
        _.each(document.getElementsByClassName("gm-style"), function(e){
            this.addEventListener('touchstart', function(event){});
        });

    }, 3000);

Answer 1

我觉得iOS7 Safari在涉及触摸事件方面有点麻烦。

我发现这个线程谈到了特定的触摸事件，但我认为其他事件也有类似的问题。 `-webkit-overflow-scrolling: touch` broken for initially offscreen elements in iOS7

谷歌地图api无法识别iOS7上的任何事件（无法平移，缩放，点击等）

1 个答案: