non vorrei lavorare

ブログ名の通りです。javascript three.js mruby rust OCaml golang julialang blender

#イクメン 息子と出かけた県を色つけしていく

息子を連れての初めて旅行

今晩は、先週末に伊豆方面へ息子を連れて、久しぶりに愛車のフーガ350GTでドライブ旅行をしてきたkjunichiです。

去年の8月にに生まれた息子は、これまで東京都から出たことがありませんでした。ただし、ママのお腹の中にいるときは新幹線で、大阪まで、ママの出張のお供をしたこともあったのですがw。

今回、息子は東京都から初めて、神奈川県、静岡県と2県に入りました。そんな訳でGoogleのChart APIを利用して、今後も息子と出かけて訪れた県を色つけしていくのは楽しみです。

まずは、現在の状況を色付け

ソースは

 

<img src="https://chart.googleapis.com/chart?cht=map:fixed=23,121,46,149cht=map:fixed=24,122,46,149&chs=300x300&chld=JP|JP-13|JP-14|JP-22&chco=ffffff|00aabb|ff0000|ff0000" >

まずは、日本が入る領域を固定値で指定

<img src="https://chart.googleapis.com/chart?cht=map:fixed=24,122,46,149&chs=300x300" >

日本以外を背景色にして消す

<img src="https://chart.googleapis.com/chart?cht=map:fixed=24,122,46,149&chld=JP&chco=ffffff|00aabb&chs=300x300" >

あとは、訪問した県をJP-Nで指定して色つけしていくだけ

東京都はJP-13、神奈川県はJP-14、静岡県はJP-22

Jsdo.itでツールを作ってみました。

ISO 3166-2:JP - jsdo.it - share JavaScript, HTML5 and CSS

参考サイト

 

 

 

関連記事