中級プログラマの自宅でPHP ブログ

自宅用ポータルシステム「MyHome Portal」をオープンソースで公開。MyHome Portalの説明とエンハンス情報。

Google Maps APIで指一本でスクロール

Google Maps JavaScript APIを使ったページで、地図をスクロールするには、指2本で操作するように変更されました。

1本指で操作しようとすると、「地図を移動させるには指2本で操作します」と表示されます。

MyHome Portalの「tools/google-maps-earth-v3.php」等、Google Maps JavaScript APIを使ったページで、従来通り指1本で操作できるようにするためには、オプションに

gestureHandling: 'greedy'

を追加してください。

【追加例】

var myOptions = {
    zoom: 17,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    gestureHandling: 'greedy',
    streetViewControl: true
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);