地図が簡単に楽しく作成できる!世界地図をはじめ、日本を含めた各国の地図にも対応 -Pixel Map Generator
Post on:2015年9月7日
丸や四角や六角形のドットで構成された世界地図や各国の地図をブラウザ上で簡単に作成できるオンラインサービスを紹介します。
操作は簡単で、楽しく地図が作成できます。

地図の書き出しは、SVG, HTML, PNGに対応しており、個人でも商用でも無料で利用できます。

日本地図(ピクセルのカラーや形状も変更できます)
Pixel Map Generatorの使い方は簡単です。
まずは、サイトにアクセスします。面倒な登録などは一切不要。

左下の「Choose map」から、地図の範囲を選択します。
世界全体も複数あり、各国も用意されています。

地図の範囲の選択
日本地図を表示してみます。

「Japan」を選択
「Choose map」の下では、海と陸地のカラーを設定できます。

海のカラーを設定。
続いて、陸地を設定。

陸地のカラーを設定。
また、指定したエリアにカラーを設定することもできます。

「Tokyo」を選択
東京をレッドにしてみます。

東京をレッドに。
その隣では、ピクセルの形状を設定できます。

ピクセルは、サークル・スクエア・ダイヤモンド・ヘキサゴンが選択できます。
ピクセルのサイズ・間隔も設定できます。

ピクセルのサイズや間隔も自由に設定可能。
左のツールからは、アイコンやテキストなどを配置できます。

マップピンなどの配置も可能。
日本語も利用できます。

日本語もOK
完成したら、右下「Generate Pixel Map」をクリックすると、反映されます。
地図の書き出しは、「SVG」「HTML」「IMAGE」をクリックします。

「IMAGE」で書き出した日本地図
地図のライセンスはCC BY-SA 4.0で、個人でも商用でも無料で利用できます(要クレジット表記)。クレジットやバックリンクを含めないで使用する場合は、有料となります。
sponsors