GoogleMapの色を変更する。

[1]まずは、こちらのサイトさんで、基本のコードを生成したものを使わせていただきます。
http://creator.aainc.co.jp/archives/3752

[2]次に、こちらのサイトさんで、いい感じのデザインの配色を選んで、スタイルデータのコードを取得します。
https://snazzymaps.com/

で、配色を変更するには、[1]で取得したコードのスタイル部分を書き換えます。

のところの中身を削除して、

[2]で取得したスタイルデータのコードをコピペします。

で、コードをそのまま貼り付けたらOK。
簡単でした。

あと、このままだとアイコンが表示されないので、もうすこし書き換えます。
アイコンをオリジナル画像としたい場合は、アイコン画像を作って、[1]の

の、/icon.png で指定します。
new google.maps.Size(70,84),/*アイコンサイズ*/ で画像サイズも変更することを忘れずに。

アイコンをデフォルトに戻したいときは、[1]の

の、icon: icon, の行だけを削除すればOK。

マウスホイールでズームしないようにするには、myOptionのところに、scrollwheel: false を追加する。

タイトルとURLをコピーしました