HTML/CSS のみで作った、レスポンシブ+クリック対応の日本地図(フリー素材)

都道府県別にクリックできる(リンクが張ってある)、日本地図です。この分野は、画像とクリッカブルマップで作っている事が多いのですが、レスポンシブではクリッカブルマップは使用し辛く、スマホサイズまで縮小すると、狭い県を押しづらいという一面があります。

そこで、HTMLとCSSだけで構成された日本地図を公開します。

777pxまでは、見慣れた日本地図で表示します。
横幅777pxまでは、日本列島を表示します。
iPad mini など、小型のタブレットでは、地域別に切り分けた地図に切り替わります。
小型タブレットなど、501px〜776px までは地域別にまとまります。
スマホ版、都道府県のリスト表示
スマートフォンでは、リスト表示に切り替わります。

HTML/CSSを使って居る人がソースをみたら、簡単に理解して改変したりできると思います。

商用利用・再配布可、無料でご使用頂けます。

HTML内では、各都道府県にリンクを張れるよう、a タグがセットされています。ご自由に改変してお使い下さい。

ダウンロードは以下のボタンで可能です。各ファイルは intego VirusBarrier で検査済みです。安心してご利用下さい。

こちらからダウンロード

コメントを残す

メールアドレスが公開されることはありません。