JSONPで日本地図をパーセントに応じた濃さで塗りつぶす

Tweet

（2014-09-03 16:10追記）

この記事書いた時からかなりの年数がたっていますが、今時だとGoogleChartがあるので、日本地図表示部をGoogleChartにお任せできます。

参考:
GoogleChartsのGeochartで都道府県分布マップを簡単作成 - Qiita [qiita.com]

～～～

できたらいいな、と思って作ってみた JSONP の作例です。

JSONP で用意したデータを取得して、日本地図、47 都道府県をパーセントに応じた濃さで塗りつぶします。JSONP なので、クロスドメイン OK です。

動作確認は、Win Opera 9.02、Win Firefox 1.5.0.8、Win IE6、Opera Mobile 8.6 for W-ZERO3です。

デモサイト [labo.dtpwiki.jp]
データソースのJSONP [labo.dtpwiki.jp]

（2011.4.17 21:31変更）設置サイトをwww.dtpwiki.jpからlabo.dtpwiki.jpに変更しました。

～～～

▲JSONP 読み込む前

▲JSONP 読み込んだ後

～～～

日本全国の何とかの進捗率を視覚的に表示できないかと思って作りました。もうちっとブラッシュアップして、会社のドメインで Web サービス風にしてタイトルを Web2.0風にしてわきにアドセンス表示するっていうのも考えましたが出来た頃には腐っていそうなのでここで出しときます。

JSONP を吐き出す CGI を作れば、いろんな数値の分析に使えるって寸法。夢がひろがりんぐです。

～～～

使用例１：

日本征服計画の進捗度

使用例２：

信長の野望におけるイナゴ被害

2006.11.11 00:11 投稿　大野 義貴 [Script] | 固定リンク |