Google Map内でのドラッグとスクロール操作を無効にする

harada 616views 更新:2015年12月17日

mapTypeId: google.maps.MapTypeId.ROADMAPなどが書いてある部分に以下の該当オプションを付け加えることで、Googleマップ内でのドラッグやスクロール操作を無効にできます。

Google map 内でのドラッグを無効(※スマホのタッチスクリーンでも無効)

        var myOpt = {
            zoom: 13,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            draggable: false//ドラッグを無効
        };

Google map 内でのスクロールを無効(※スマホのタッチスクリーンでは有効のまま)

    var myOpt = {
        zoom: 13,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        scrollwheel: false//スクロールを無効
    };

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません