地図が簡単に楽しく作成できる!世界地図をはじめ、日本を含めた各国の地図にも対応 -Pixel Map Generator
Post on:2015年9月7日
丸や四角や六角形のドットで構成された世界地図や各国の地図をブラウザ上で簡単に作成できるオンラインサービスを紹介します。
操作は簡単で、楽しく地図が作成できます。
![ピクセルで作成された世界地図](http://coliss.com/wp-content/uploads-201502/2015090702-00.png)
地図の書き出しは、SVG, HTML, PNGに対応しており、個人でも商用でも無料で利用できます。
![ピクセルで作成された日本地図](http://coliss.com/wp-content/uploads-201502/2015090703.png)
日本地図(ピクセルのカラーや形状も変更できます)
Pixel Map Generatorの使い方は簡単です。
まずは、サイトにアクセスします。面倒な登録などは一切不要。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-01.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-01.png)
左下の「Choose map」から、地図の範囲を選択します。
世界全体も複数あり、各国も用意されています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-02.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-02.png)
地図の範囲の選択
日本地図を表示してみます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-03.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-03.png)
「Japan」を選択
「Choose map」の下では、海と陸地のカラーを設定できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-04.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-04.png)
海のカラーを設定。
続いて、陸地を設定。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-05.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-05.png)
陸地のカラーを設定。
また、指定したエリアにカラーを設定することもできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-06.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-06.png)
「Tokyo」を選択
東京をレッドにしてみます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-07.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-07.png)
東京をレッドに。
その隣では、ピクセルの形状を設定できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090704-01.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090704-01.png)
ピクセルは、サークル・スクエア・ダイヤモンド・ヘキサゴンが選択できます。
ピクセルのサイズ・間隔も設定できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090704-02.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090704-02.png)
ピクセルのサイズや間隔も自由に設定可能。
左のツールからは、アイコンやテキストなどを配置できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-11.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090702-11.png)
マップピンなどの配置も可能。
日本語も利用できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090704-03.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015090704-03.png)
日本語もOK
完成したら、右下「Generate Pixel Map」をクリックすると、反映されます。
地図の書き出しは、「SVG」「HTML」「IMAGE」をクリックします。
![ピクセルで作成された日本地図](http://coliss.com/wp-content/uploads-201502/2015090703.png)
![ピクセルで作成された日本地図](http://coliss.com/wp-content/uploads-201502/2015090703.png)
![ピクセルで作成された日本地図](http://coliss.com/wp-content/uploads-201502/2015090703.png)
「IMAGE」で書き出した日本地図
地図のライセンスはCC BY-SA 4.0で、個人でも商用でも無料で利用できます(要クレジット表記)。クレジットやバックリンクを含めないで使用する場合は、有料となります。
sponsors