google-maps - HP 触摸屏上的 Google Map Touch 事件

标签 google-maps google-maps-api-3 touch multi-touch

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

<!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 可以在完全相同的浏览器/触摸环境中使用捏缩放,而我的 map 不能用于捏缩放?

更新

此问题已在 bug 中处理

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

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

最佳答案

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

关于google-maps - HP 触摸屏上的 Google Map Touch 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14736596/

相关文章:

google-maps - 未捕获的类型错误 : Object #<HTMLDivElement> has no method 'setCapture' in Chrome

javascript - Google Maps Tile Overlays - 在调用图 block 时避免 404 错误?

javascript - 如何在谷歌地图上画圆时知道半径

linux - Linux/Unix 中的触摸命令

javascript - Android 在滚动事件更新内容时设置 scrollLeft 不更新滚动条位置

ios - UITableView 的 backgroundView 上的触摸事件

javascript - 将参数传递给 JavaScript 中的 url 回调函数

javascript - 如何解决谷歌地图标记具有相同的纬度和经度?

jquery - jQuery 添加的 div 上的 Google map addDomListener 只能看到循环的最后一次迭代

android - 无法将位置从一项 Activity 返回到另一项 Activity