IT's AGENT
MAP JAPAN
Bottom

DIVで作る日本地図

2×1のレクタングルのブロックをCSSによりDIVで定義して並べてみた。ブロックは縦・横2種類だが、北海道だけ2×2のスクウェアとした。
都道府県毎に配置を指定しているので、これをXMLにしておけば、PHP等で簡単に再利用できるのではないか。拡大描写も可能。
DIVにIDを振っているのでjavascriptの操作も面白い。都道府県の保険番号を表示した。県名クリックで地図の色を変更。

01
02
05
03
06
04
15
07
17
16
10
09
08
21
20
18
11
35
32
31
28
26
25
19
13
12
34
33
27
29
24
23
22
14
40
41
44
42
38
37
39
36
30
43
45
46
47











京都での全国都道府県対抗女子駅伝のゼッケン番号は保険番号と同じ?
Topへ
by IT's AGENT