2016年5月8日日曜日

都道府県旗の主色別で日本地図を作成

本サイトの日本地図はSVGを用いている。
これは一般的な画像データではないので、拡大をいくらしてもぎざぎざにならないのだ。
SVGって何? という方は、例えばこちらを参考にどうぞ。

いまさら聞けないリッチクライアント技術(9):いまさら聞けないSVG、なぜ知られていないのか? (1/3) - @IT


こちらのSVGを利用し、いろいろな色分け等をして、様々な日本地図を作ってみようと思う。
そのため、SVGの使い方を含めて少しずつ勉強していく予定である。
まずは単純にSVGのコード上で日本地図を塗り分けてみた。
するとこんな感じになる。



実際の地図はこちらのリンクから。
地理的メモ帳: 都道府県旗主色別日本地図
リンク先でも説明しているが、こちらの日本地図は都道府県旗の主色ごとに色を塗り分けている。

実はそれぞれの旗について、一次ソース、つまり各都道府県の公式サイトから情報を集めようとした。
だが北海道から始めて、千葉県まで南下したあたりで心がくじけてしまう……。
理由としては、公式サイト上に旗の画像がなかったり(県章はあるものの)、指定はあっても勧告等の形でルールがあるだけで実物がなかったりしたからだ。
そのため、現在の旗の主色とはもしかしたら異なるかもしれないが、それはご愛嬌として許していただきたい。

今回はSVGのコードそれ自体を修正したため、これ以上の拡張性はない。
今後はJavascript等を利用して、もう少し容易に変更できるようにしていきたい。
理想としては、何かしらのアクションを起こすと、それに応じて動的に色が変わるのが良い。

以上。