News & Pickup | ニュース&ピックアップ（ニューピク）: 埋め込みGoogle Mapをスクロールさせないようにする

2017年11月20日月曜日

埋め込みGoogle Mapをスクロールさせないようにする

横幅100%の地図を掲載しているサイトは多いですよね。
しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。
APIを使って制御するやり方が有名ですが、埋め込みGoogleMapも制御することができます。
ホントはAPI使うのがオススメです。いろいろカスタマイズできるし。

>>埋め込みGoogle Mapをスクロールさせないようにする
─情報元：style01サイト様─

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404599"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404599" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uxenKzhbnlH9mpiVKiawFZgXtB4AF7kR1ybu0MZsN0jFwVsDgRSam_ShF0sUjeQ6GPsz416EtvrDn2KzDcHGkYD2PlYjm0rv_osghoOJRwoADbv3D7yHqGGkTdB5TpIiwfCVsfeJCKMhZQwDz7nwHU=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404605"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404605" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s_OvQpQ8A-KWllA7kpxRe3O9sPGgH-GHcGO54QdU_NwWnLMoVCkpYCjXE_qVJPh8y9HKF9FO0tSXPuecIdhkfCOOk_z8KiaGfFXZm05cUKfq1K7ZsXLCuvAdZO4qbDk2iX2n7_X3Xkmd7ZR54xUjs=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404606"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404606" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sKwYB5lPg1rozlmFiM-8Ke9yLb3_rrQV7T00wm1tbfmRk76zCM24ILjBnFo3T782Nh7k4pz7CcFlgd8FHmfo06fGhRKtfWWTYTLGwD1KjXyYfpTa3Z2v55BnUrMRboieccI_I6bfF7DJzRv8LYj5M=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=879177293"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=879177293" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s8pKytz6gWi4VxE7blUoq83OAwq1oyDERcCefQ2y5Jasv-BT1ZoGWRUvDAh-kZ2g_BP15I_l4kugI-WZfxWCpD3Cce99tT5K_N0cE5FvgDHjlPa3fzTwV0JRB82rg665cmMu297eJ8OU4VYW67qbEQ=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882466227"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882466227" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vLxXQaCIdlx-M6d1QniC1AClh7-ZgmrMiomLJXXTG3Uop0v3pHQpybpkGRmg-TFnAB0scxbWt-hZ2BfWtgipw531TrOQCUW4MExilWF4NEmrOgVv_ccBTGmcs0D89rbKma45uVA7Ju7pjbm2X-artr=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404610"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404610" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sycW6Gi_Mj5e3I87tGK_ReLA8nRmiAfhjITM41kBZRv2-jSUAJlUic7swW4XDfcWvLCNWeGmVCdIbkNvk7DnDuc0uUEJCas1hzb7ckbJrDzK81BY3NndkAs6iHXmIybrOJS3_Yj2leZmn0121Tq8kz=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404614"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404614" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sp-7mRoQNRcq1BW0a6Xxej-oFNBox9QotuodSr-95X_M5t9aBwGRScLXUo0oGvhe_fnWNxZZksTIdk0uayHHcwTMrQRzLqSwaZgycUx09wULlr9vpEb4YBIA3PqUrWWJ-54wZ-WIIuIjBh2EBgIJ2Q=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404616"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404616" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tbgWLNxpLciYGrYPcUtXayOFZ46AwFx1_jpmWj5AIF9bQLVWfsZSRgUsXbsrBdrv76qMMdiN9WHgbFJC9dUevnjR8CRuwgcmZL0tb1cmduTvjaxK6pfY5_waAXu4qMBaVZoxshNHZ5JVcDypSG9oc=s0-d" height="60" width="234" border="0"></a></noscript>