自由にGoogleマップをカスタマイズして地図を作成できるWebサービス 『Google Map Customizer』

Googleマップの配色を自由に変更して

オリジナルな地図を作成できるWebサービス。

海や公園、地面の配色からラベルなど

細かく設定することが出来ます。

googlemapcustomizer15

Google Map Customizer リンク先はこちらから

googlemapcustomizer1

左右にパネルが用意されていて左側が

解像度の設定やサンプルのマップが

用意されています。

右側はレイヤー設定一覧となっていて

ADDで設定を追加していくパネルとなっています。

googlemapcustomizer2

解像度設定ですが、出力したいサイズに

設定をしておくことが出来ます。

Set Dimensionでマップサイズを設定した

サイズに出来ます。

googlemapcustomizer3

画面のマップが設定した解像度になりました。

ただ編集前に解像度を設定するとマップ画面が

小さくなりこのあとの編集の確認がしづらいので

最後に解像度は設定することをお勧めします。

googlemapcustomizer4

サンプルのカスタマイズテーマを適用できます。

モノクロやダークなテーマなど設定が可能です。

googlemapcustomizer5

ダークなテーマを適用してみました。

右パネルにダークテーマに必要なレイヤーが

ずらっと並んでいます。

一つ一つの設定を組み合わせてマップのテーマを

設定していってるのが分かります。

この設定を削除するには各項目の右上の

✖ボタンで設定を削除することが出来ます。

今度は自分で作ってみるので全部の設定を

✖で消していきます。

googlemapcustomizer6

すっかり元のGoogleMapに戻ったので

ADDをクリックしてオリジナルなカスタマイズを

していきます。

googlemapcustomizer7

サンプル同様に1つのレイヤーが追加されました。

Feature 陸、水、公園などの場所の指定。

Element ラベルやアイコンなど細かな指定。

Visibility 表示の有無を設定。

HEX Color 色の指定。

となっています。

googlemapcustomizer8

まずは水を設定してみます。

FeatureからWaterを選択してみました。

googlemapcustomizer9

適当にHEX ColorにRGBで入力してみました。

すんごい色になってしまいましたが、

水の色を簡単に変更が出来ました。

googlemapcustomizer10

水の色をもう少し水らしく色を変更して

更にADDでレイヤーを追加して

今度は陸の色を変更してみます。

FeatureをLandscapeにします。

googlemapcustomizer11

色を少し暗めに設定してみました。

あまり見たことないような変な配色ですが

地図にはしっかりと水と陸の色を反映した

地図が出来上がりました。

googlemapcustomizer12

Parkを選んで公園の色も変更してみました。

配色のセンスが全くない私。

もう汚い地図に。。笑

googlemapcustomizer13

色々と修正して配色や表示の有無など

細かく設定出来たら、出力したい地図部分を

表示して、キャプチャーソフトなどで

保存してください、との事です。

googlemapcustomizer14

リンク先ページから使い方など

画面左下にHow to useリンクがあるので

確認が出来ます。

GoogleMapを細かく調整できる

便利なWebサービスです。

  • コメント: 0

日替わりで美しい写真を壁紙やロック画面に設定できるアプリ 『Daily Desktop Wallpaper』前のページ

Web上でドラムを演奏!! ブラウザ上で再現されたドラムマシンなWebサービス 『HTML5 Drum Kit』次のページ

関連記事

  1. ツール

    スゴイぞ!! ブラウザ上で本格的なゲームが作成できるWebサービス 『Goo Create』

    ブラウザ上でゲームが作れるWebサービスかなり本格的なインター…

  2. ツール

    Chromeをオシャレに!! たくさんのテーマをダウンロード・テーマを自作できるWebサービス 『C…

    Chromeのデザインを自作したり、公開されている大量のテーマをダ…

  3. ツール

    好きなページのスクリーンショットが撮れる使い方簡単なWebサービス 『スクショ撮る君』

    指定したURLのページのスクリーンショットを撮って画像保存でき…

  4. ツール

    すごい!!! 写真から人物だけをくり抜いてくれるWebサービス 『remove.bg』

    写真から人物だけを綺麗にくり抜いてくれる便利なWebサービス…

  5. ツール

    簡単!! Web上で3DCG・モデリングしてOBJ形式などでダウンロードできるWebサービス 『Ti…

    ブラウザ内でモデリングできるWebサービス一時はサービス終了か…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP