晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

HTML(TABLE)クリッカブルマップ「日本地図」を作成。スマホ対応。

HTML(TABLE)で、クリッカブルマップとしての日本地図を作成。(昔、作ったものを手直し)

スマホを想定して、縦長画面の時は都道府県名を縦書きにして画面内に収まるようにした。スマホ画面を横位置にした場合の縦が狭い画面にも対応。

一部のAndroidスマホでしか検証していない。

ソースは、以下のHTML(JavaScript含む)とCSSのみ。必要な方は、ダウンロードしてお使いください。

以下のリンクをマウスの右ボタンでクリックして、リンク先を保存してください。

https://ok2nd.sakura.ne.jp/w-map/japan/index.html

https://ok2nd.sakura.ne.jp/w-map/japan/css/map-japan.css

f:id:art2nd:20180707224156j:plain

f:id:art2nd:20180707224209j:plain

f:id:art2nd:20180707224219j:plain