4

我正在为 Windows 7 盒子上的 HP Compaq L2105tm 触摸屏开发 Web 应用程序。当我在 Chrome 中打开 maps.google.com 时,地图可以很好地配合捏缩放和您期望从触摸屏获得的其他触摸事件。但是,当我使用以下代码进行基本的谷歌地图嵌入时,触摸事件无法按预期工作。(双指缩放不起作用。)

<!doctype html>
<html lang="en">
<head>
    <style>
        html, body, div#map {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>

    <div id="map"></div>

    <script src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>

    <script>
        (function() {
            var div = document.getElementById('map');
            var lat = -36.5;
            var lng = 150.5;

            var options = {
                center: new google.maps.LatLng( lat, lng ),
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                zoom: 8
            };

            var map = new google.maps.Map( div, options );
        })();
    </script>
</body>
</html>

我的问题是为什么 maps.google.com 可以在完全相同的浏览器/触摸环境中使用捏缩放,而我的地图不能用于捏缩放?

更新

此问题已在 bug 中处理

https://issuetracker.google.com/issues/35824421

并于 2016 年 12 月在 Google Maps JavaScript API 3.27 版中得到解决。

4

2 回答 2

4

我遇到了同样的问题,实际上与 Google Maps Api 团队的某个人交谈过,他们知道这个问题。不幸的是,没有时间表说明何时解决。所以我想你可以在知道他们知道这是一个问题时感到安慰。

于 2013-02-27T15:36:41.857 回答
0

似乎新的api解决了这个问题

https://developers.google.com/maps/documentation/javascript/basics#Mobile

于 2014-03-09T22:43:41.370 回答