

googlemap3を使用し、ページ内にマップを埋め込みました。  
（独自マーカー入りのマップです。）

こちらで、ホイールスクロール機能をfalseにしたいのですが以下のコードで実装できません。  
マップの表示は成功しているのですが、オプションが効かない様子です。

>
[code]

>     $('#gmap').gmap3({
>         address: '東京都渋谷区',
>         latitude: ☓☓.☓☓☓,
>         longitude: ☓☓☓.☓☓☓☓☓☓,
>         zoom: 15,
>         scrollwheel: false, //ここが反映されません
>         navigationControl: false,
>         mapTypeControl: false,
>         scaleControl: false,
>         markers: [
>               {
>                 latitude: ☓☓.☓☓☓☓☓☓,
>                 longitude: ☓☓☓.☓☓☓☓☓☓,
>                 title: 'ダミー',
>                 icon:  "画像へのパス",
>                 openInfo: true
>               }
>          ]
>     });
>  
[/code]


CC BY-SA 3.0
2015-07-29T14:30:27.663
12807
2015-11-26T18:23:49.643
2015-07-29T15:21:31.490
3639
10057
question
javascript jquery api google-maps
jquery.gmap3でスクロールでのズームを無効にする


<https://github.com/bumberboom/jquery.gmap3>

このライブラリは`scrollwheel`オプションの使用を想定していないようなので、`jquery.gmap3.js`を書き換えないと対応できません。

35行目から

[code]

    function addMap($self, mpOpt) {
        var opt = {
            scrollwheel : mpOpt.scrollwheel, /* here */
            zoom : mpOpt.zoom,
            center : new google.maps.LatLng(mpOpt.latitude, mpOpt.longitude),
            mapTypeId : mpOpt.mapTypeId,
            navigationControl : mpOpt.navigationControl,
            mapTypeControl : mpOpt.mapTypeControl,
            scaleControl : mpOpt.scaleControl
        };
    
[/code]

146行目から

[code]

        $.fn[name_space].defaults = {
            address: '',
            latitude: 0,
            longitude: 0,
            scrollwheel: true, /* here */
            zoom: 10,
            navigationControl: true,
            mapTypeControl: true,
            scaleControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            markers: []
      };
    
[/code]

ちなみに名前が同じ別のライブラリがありまして、こちらは`scrollwheel`に最初から対応しているようなので代わりに試してみてもいいかもしれません。

<http://gmap3.net/en/>


CC BY-SA 3.0
2015-07-29T15:20:23.563
12808
2015-07-29T15:20:23.563
3639
12807
answer