5

ウェブサイトに Google マップを実装していますが、マップが読み込まれた後にスクロール ホイールを無効にできないように見えることを除いて、すべてがうまく機能しています。マップをロードする前にオプションを scrollwheel: false に設定すると、スクロール ホイールは無効になりますが、後で試してみると (スクロール ホイールを有効/無効にするチェックボックスがあります)。

ページ読み込み時の Google マップのオプションは次のとおりです。

var myOptions = {
            zoom: 15,
            center: currentPosition,
            draggable: true,
            scrollwheel: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

チェックボックスでクリックイベントがトリガーされた後、スクロールホイールを無効にする次のコードがあります。面白いことに、draggable = false が機能していて、マップをドラッグできません。

var checked = $('#chkPin').is(':checked');
        log("map active: " + checked);
        if (checked) {
            map.scrollwheel = false;
            map.draggable = false;
            map.zoomControl = false;
        } else {
            map.scrollwheel = true;
            map.draggable = true;
            map.zoomControl = true;
        }
4

1 に答える 1