我正在为 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 版中得到解决。