我正在为 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/