自由に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上で作成できるWebサービス 『Canva for Work』

    無料でオシャレなカレンダーや様々なデザインをWeb上で作成できるW…

  2. ツール

    スゴイ!! モノクロ写真をカラーにしてくれるWebサービス 『Colorize Photos』

    モノクロ写真をカラー写真にしてくれるWebサービスニュ…

  3. ツール

    短縮URLが安全かどうか調べてくれるWebサービス『URL Uncover』

    短縮URL先のサイトが安全かどうかを調べてくれるWebサービス…

  4. ツール

    言葉からカラーパレットを取得できる面白いWebサービス 『ことばパレット』

    言葉からカラーパレットを取得できる面白いWebサービス。「海」…

  5. ツール

    入力した文字を画像に変換!! コピペも出来ない文字を作れるWebサービス 『Alter』

    入力した文字がそのまま画像になるWebサービスコピペさ…

  6. ツール

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

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

コメント

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

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

最近の記事

PAGE TOP