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_tSkxP5jrtKUmsN4iceNXhrx5r56Y7jNxew_H11nWhxrMlJvRkqRgjsIzOaUwUnFt51fU6RtFeJkMIXZq9EbrYAi9EG7M1qyq0NAAKrDQpTed0q-JvudNtQF8ffnlRsjLEZjt2iQqTQo9lmTsDK9IOa=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_uS63CdDTEQUTLbkzlPUZD9X85QvDmv4b4eHFebm9zyKQ3tYtxzSxBdYwc4XGWRSlnIM9jNEk7szaJDTcr2F2nFZfaLPIoMWqnx6QaQu5d0FOyuce1M4NAlc1ZCyTNPu7k1RyXJGRhlqhg7RAeXgrc=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_sUVjLjFqovhGqFexoae0zVcI8QALLhWXf6Cf13nxobnh0HjzHONjQ1OjY6Igps9KbogIxLSdDS16s1liDnrT_ShiNWAI-5yyVG_809ZdpDhDp6f255tNqCievY65KDZpaAHTMQ0uona6mefQnWaO8=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_unkEiarPk29nf2W8luosP2AmjKFxuF8fj-IWBPZpr3LDmlTI_gEnCXo1v1FoRir3mvcZ-xR3k1GCOCU3kV3DBoKZw7s7H6a5kVT9HKS99TfliygRLVhXbilXeacJ8DzOYvUCV8Scd7zp3SVsIf2Txk=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_uUQkd7Ybyq1NMoyiXVjvTE3q3LT2-0ZpILPct4xpSCoHSr10HyumJ3Bq81YIKmA6Nmi-yqOxm98mcU1anXJomZS2KO1La-EDm-s41AFyeVdenmB4gazR7_0UuokFBBgFuGWPtoQg6WMGEJ68y9rr5Q=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_teuvaqYwnev6kykGNZtpu-ogRiEYbj_DUOTuRGCHqVh6Jd_dUjoiY0HJcmlVQKrxvhw0DG7vY0aiPUpFN1pO27FGT6TOiJ580oqnBXcr54nAEjhxrjh5m-IqHtcZDnajcrODADiLI88QFLn37B3xs7=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_v4nIhDJZlyQHY-BMZJzYn45mDQPKYhtBjxbV5zQ8oA8KChD4HnYz1PcDGNh7WFL6B7waJPGPko3z_hleb6YzzW8g-pDvnoz9lCqCCPjIVmUycDRG1G-MMST4YJaHqEH1Ixt2jLXk-0eg5uTSCcJF9Z=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_uNhRJkfmzUDJt8-M0EztJgvFrI2-qf2-31AQFCgazpQ5890k1opc1fZ-vN_dC-bI87G5Egm791uJiV51EPmdHvphXIVjphGHrtigZnRE_ODRI28bDf5975mivHY_2kgzk0ssOHrdXDYGPE3s1weRc=s0-d" height="60" width="234" border="0"></a></noscript>