コードが分からなくてもgoogle mapのデザインがカスタマイズできるコード生成ツール
- 2014/02/19
- tan
google mapのデザインをカスタマイズできるのはご存知でしょうか。
もともとデザイン性の高いgoogle mapですが、更に色味やアイコンを変えることでサイトのテイストにあったmapを簡単に作ることができます。
いくつか項目を入力し、生成されたコードをコピペするだけ(ちょっとだけ調整する必要あり…)で
あなたのサイトにあったgoogle mapを設置してみませんか!
手順
1.入力項目を埋める
2.ボタンを押して、地図とコードを生成する
3.コードをコピペする
4.アイコン画像をダウンロードし、javascript内の「icon.png」の画像パスを変更する
たったこれだけです!
今回簡単にカスタマイズできることを目的としているため、デザインは色だけ変更できます。
もちろんこれをベースにアイコンを変えてみたり、デザインを更にカスタマイズしたりしてみてください。
このあたりは素敵な記事が既にありますので、参考サイトを御覧ください。
参考サイト
JavaScriptが苦手なあなたへ!グーグルマップを簡単にカッコよくカスタマイズする方法
Googleマップのお手軽カスタマイズ!Styled Maps Wizardの使い方
Googleマップをイラストマップみたいにしたい。