googlemapをiphoneやandroid用のスマホページに設置したときに、
でかい地図をおくと、サイトをスクロールしたいのにマップ内がスクロールしちゃって困るみたいなことあるじゃないですか。

google maps apiで指で動かしても動かないようにする設定ないの?
ぐぐっても出て来ないよ!

で、調べてみたらあった。

draggableという設定。

マウスで地図をドラッグして移動する昨日を有効にするか無効にするか、というのを選べる。
無効にすると、スマホでみたときに、スワイプでのスクロールがmapにとられちゃうことがない。

書き方は以下の感じ


var opts = {
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: false
};

google maps apiの使い方については、別サイトでいろいろあるので、そちらで確認してほしい。

mapを生成するときに上記のような設定を最初にすると思う。

そのときに、draggable:false というのを追加するだけ。

簡単だね!