Google Maps APIを使って地図をカスタマイズする

GoogleMapsAPIを使って地図をカスタマイズします。
関数化させちゃったけど今考えてみればいらなかったな・・・

▼埋め込みGoogle Mapのスクロール防止対策はこっち
埋め込みGoogle Mapをスクロールさせないようにする

・スクロールしてもズームされない
・デフォルトのUIを非表示
・色を変更
・マップピンをアイコンに変更

↑こんな感じのmapになります。
 
 

HTML

CSS

gmaps.js

注意

HTMLに<body onload=”mapLoad();”>と入れてありますが、関数にしてあるのでこれを入れないと動きません。

▼埋め込みGoogle Mapのスクロール防止対策はこっち
埋め込みGoogle Mapをスクロールさせないようにする

参照サイト

GoogleMapの埋め込みと、デザインやアイコンの変更などをカスタマイズする方法 | 株式会社LIG