-
ID:M2Gpk8 さんの質問

都道府県マップのコーディングで迷っているのですが、

一般的には以下のような方法でコーディングされているようです。
ーーーーー
元の地図画像と、各都道府県やエリアがホバーされた状態を含む全体の地図画像と切り替わる。
例えば東京エリアをホバーすれば、東京エリアだけが色がかわったりしている全体の地図画像と切り替え、大阪エリアをホバーすれば、大阪エリアだけが色がかわったりしている地図画像と切り替わる。
ーーーーー
しかしながらコレを各都道府県48カ所分の画像を用意していたらかなり効率が悪いと思うのですが、
他にスマートな方法をご存じないですか?

ちなみに作ろうとしている地図は以下の画像のようなデザインなので、そんな複雑ではありません。
http://mutsuo.cocolog-nifty.com/photos/uncategorized/2010/02/28/20060307193914.png

ですが、背景はともかくテキストだけは画像で表示したく、各ブラウザで崩れることなく(ズレなどが少なく)表示できるようにしたいのですが。。。

みんなの回答 4 件

ID:VWZI1r さんの回答

画像用意するのと大差はないけどCSSスプライト使う方法しか思いつかない。

#Flash使えば楽なのに

ID:cfCw0t さんの回答

これなら画像じゃなくてCSSだけでいけそうだけどね。全部長方形だしオーバーラップする部分もない。各都道府県を<div>で作ってabsoluteでポジション決め打ちすればいいような。まぁサイズとポジションガタガタ指定するの大変かな。

ID:VZx4wk

ナイスアイデア!

ID:SenjXV さんの回答

このサイトの左下のマップがCSSで書かれてました。

株式会社ミマキエンジニアリング

http://www.mimaki.co.jp/
ID:fPdQrD

こ、これはマズイ!!美味しすぎて、マズイ!!パクパクしちゃいそう!!

最終更新日:2014-04-03 (6,692 views)

関連するトピックス

ページ上部に戻る