2015/09/08
無料地図製作ツールの決定版!? 日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」
無料地図製作ツールの決定版!?ともいえる日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」をご紹介。
WEB系の方も、グラフィック系の方も使える便利なツールです。
ブラウザで使えるうえ、カラーやピクセルの大きさ、文字入力、地図マーカーの追加など、さまざまなカスタマイズが直感で使用できるお手軽さ。
これで無料とは驚きの地図製作ツールです。
WEB系の方も、グラフィック系も必見!無料地図製作ツールの決定版!?ともいえる日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」
「Pixel Map Generator」は、ブラウザで利用できる無料の地図製作ツールです。
日本はもちろんのこと、世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出すことができます。
「Pixel Map Generator」の使い方
使い方はとっても簡単。
英語サイトですがすべて直感にて利用可能です。
たとえば、日本の地図を作成してみたい場合。
まずは「Choose map」で、作成したい地域を選びます。
日本の場合は「Japan」。
続いて、モノクロの地図に色を付けていきます。
海の色は「Water Color」、陸地の色は「Land Color」です。
カラー部分をクリックするとカラーピッカーが表示されます。
ピクセルの形は「Shape」で、大きさは「Size」、間隔は「distance」で変更できます。
アイコンや文字を入力することも可能です。
作成できたら、SVG,HTML,IMAGE(PNG)のいずれかを選んでダウンロードします。
SVGならベクター形式なのでIllustratorで読み込んで加工することも可能です。
便利でしょ。
Pixel Map Generator
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
グラフィックデザイナーのためのオンラインポートフォリオ作成方法
グラフィックデザイナーの皆さんはオンラインポートフォリオをもっていらっしゃいますか? 持っていない
-
Gmailの送信メールを一定期間で自己消滅させる機能拡張「Dmail」
Gmailの送信メールを一定期間で自己消滅させる機能拡張「Dmail」をご紹介します。 Gmail
-
WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80
WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ
-
CSSだけでブルブル震えるエフェクトを簡単実装!CSS Shakeを使ってみた
CSSだけでブルブル震えるエフェクトを簡単実装!CSS shakeを使ってみた すでにお気づき
-
人気のHTML/CSSコードサンプル25+おまけ2 from CodePen
CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類
-
CSSを丸裸にして見やすく統計的に整理してくれる「CSS STATS」
サイトのCSSを解析してくれるサービスってたくさんありますが、項目ごとに見やすくまとめてくれて、活用
-
無料で使えるフラットデザインUIキット40
フラットデザインのUIキットをご紹介します。 さまざまなサイトで取り入れられているフラットデザイン
-
気になるサイトのモニタリング&変更箇所を知らせてくれる無料ツール6
気になるサイトをモニタリング&変更箇所を知らせてくれる無料ツールをまとめてご紹介します。 みなさん
-
Bootstrapの無料テーマを探すなら一箇所でまとめて探せる「ThemeFinder」
Bootstrapの無料テーマを探すなら一箇所でまとめて探せる「ThemeFinder」をご紹介しま
-
今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション
ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい