Windows7ボックスのHPCompaqL2105tmタッチスクリーン用の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がピンチズームで機能し、マップがまったく同じブラウザ/タッチ環境でピンチズームで機能しないのはなぜですか?
アップデート
この問題はバグで処理されました
https://issuetracker.google.com/issues/35824421
2016年12月にGoogleMapsJavaScriptAPIのバージョン3.27で解決されました。