Question

我正在为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使用捏拉缩放，而我的地图无法在完全相同的浏览器/触控环境中使用捏缩放？

更新

此问题已在错误中处理

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

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

Answer 1

我遇到了同样的问题，并且实际上与Google Maps Api团队中的某个人进行了交谈，他们知道这个问题。不幸的是，没有时间表来解决问题。所以我想你知道他们知道这是一个问题就能得到安慰。

Answer 2

似乎新的api解决了这个

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

HP触摸屏上的Google Map Touch活动

2 个答案: