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

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

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

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