ニューピック: 埋め込み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_sajQVxODBUh2mxDafJ6AiRrJ2lBuHsed9IR6xgCgSufLqAj9yi2uXd7klQYrcFXjgjoase6AVXhbTEm9hEm4nr7iV_VmmMcn2R4FI5Z7JJLIiXKDBXtdWeBw5ORTdVoN633y8fPYh1vSfuDCI-z8Hb=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_uZs8e_UhUxlp_A8zeAX2cR1hLuImx8m6Je5KfB9vsuY8xAyhj1Bzxfe3bwwWfG-AzKZqImHdrbaa0qoJ6kKIjApRR2KIdxag3yRLLAhZGOqjASnzDFiToLUdbx1drsJtCbvOP4n7z7Yw-f1W2ho18=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_syOMgDI6I1UfVbKSx4OkkpgG33QLTeX8OwEv_MWTyAEsoN_JuUWLeGZLoV2WMlDr3Wejq8jqRlj753NxrrCx404Dz63yKJr_E2upjj0P5W4dVHF19VIOLdGmouLHeBP_U-tZFZmuS2My0eHekeYq8=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_t1mMNf-Hgybq8VezBeO_EKJ647FVewK-EUUVlXKgbnNRjHVLSvtOUkjTLeoCPB3jKaw2WpTFmchZHavSTyJAF2aBUNpkrdJVe8ZGF963iRuVXXLB8qaL_vMvoCTjEIvANN1fm1iAxFHux7umwlhUKg=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_tx9wiljU1GVYiGknRv7en_4erooXo1mzqM9DpZK9QIwUZEF19VJ3ZDVo0cNAn_AmElRziCFxuaMujZnm0WZqk4JnPPxZYu3Nxu9TDKci48yg-4zLIuVnK9nl5rtZpWKZlf6f1vyAOpl63xRuan4mnZ=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_v96IatVKpnYdN4RFm1iel7h7zOcuftNSAhTGHgOmLlM2StMVDxTXS-tJfJnsmZK46GNl0jPEgxgdMWGWvrzHK2v679NiGi6l14E7x21mxhABpHv6lyZRgt5zdpoYMTKMDJBzZOBHMATtdcQvPKXyxb=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_u8vVP7E8lGJCDQW2g06QE_2_KILDGuOL7XHUKlG4FDPYn53YdShpAtH5Pragv_iej6mdYUmcM6jehWlEU8SJfJ6W0KqU9LcbW4IX4oOuY_YIvaX58kUrk9oyaIAa7bkgMIyMLV8jEnXuo3gNRSFtvG=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_vYj5sTeLUmiPf7pnKb_l5RBMCzuL-H5x74iEae1XHmVd6JQMiliDVKBSqiOQfR7PZMjaBxooggRQNUi6ecLrQPb_r51Kg0MCDX1KESBInPRun1WScaZtiRJ84zIsYT6b2G9-TAyzWSnBcPDVUc03o=s0-d" height="60" width="234" border="0"></a></noscript>