我正在为Windows 7上的HP Compaq L2105tm触摸屏开发Web应用程序。在Chrome中打开maps.google.com时,地图可以正常使用触摸事件,例如捏合缩放等。然而,当我使用以下代码进行基本的Google地图嵌入时,触摸事件无法按预期工作(捏合缩放不起作用)。
<!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可以在浏览器/触摸环境中使用捏合缩放,但我的地图在完全相同的环境下不能使用捏合缩放?
更新:此问题已在错误报告中处理,并于2016年12月在Google Maps JavaScript API的3.27版本中得到解决。请参考https://issuetracker.google.com/issues/35824421。