Googleマップジェネレーターで簡単カスタマイズ

こんにちは、スウェルデザインのWです。

今回はカラーや表記など、自分好みにGoogle mapをカスタマイズすることができる

「Styled Maps Wizard」というサイトのの使い方をご紹介致します。

下記リンクから「Styled Maps Wizard」へアクセスできます。

Google Maps API Styled Map Wizard

まずはカラーピッカーをクリックして全体の色を変えてみましょう

全体が緑になりました

もちろん部分的にも色を変える事ができます。

右側にある『Add』をクリックしてレイヤーを増やします。

建物の表示を簡易化してみましょう

『Feature type』から『Point of Interest』を選び

『Stylers』から『Visibility』をOffに

こんなかんじにさっぱりしました！

他にも沢山カスタマイズできますので色々いじってみると良いでしょう！

できたらjsonコードを出力します。

右側下のこのボタンをクリック

これをjsファイルにコピペするとwebでも見れるようになります。

お試しください