クリッカブルマップ(イメージマップ)について

質問

検索してもどうしても難しく、ここにて質問させて頂きます。
http://www.pds-navi.com/
上記のサイトのように日本地図を作りたいのですが、各説明サイトをみても座標がどうのとかで分かりません。
簡単にこのようなクリッカブルマップ地図を製作できるツール等ありますでしょうか？
当方windows7です。
宜しくお願い致します。

回答No.1

noname#217950 · ベストアンサー

ツールについては知りません。すみません。

ちょっと気になったのですが、例に挙げていらしたサイトの地図はクリッカブルマップではないんじゃないでしょうか？地図の画像の上にリンクテキストを配置しただけのように見えます。

クリッカブルマップの座標指定はちょっと面倒ですが、X（横方向）とY（縦方向）を指定して点を打って範囲を囲ってやるだけです。作る時だけの手間ですので、とりあえず1つ「北海道」のクリック領域が囲えたら後は楽勝ですよ♪楽しみながら48都道府県頑張ってみたらどうですか？

面倒なら例に挙げていらしたサイトの様にリンクテキストを配置するだけでも十分機能します。

お礼

ご回答有難う御座います。
クリッカブルマップではないのですか、リンクテキストでも作ることができるのですね。
勉強してみます、有難う御座いました。

回答No.2

ORUKA1951

それはクリッカブルマップではありません。クリッカブルマップの詳しい説明は
　⇒13.6 イメージマップ ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#h-13.6 )
　にあります。
＞各説明サイトをみても座標がどうのとかで分かりません。
　こればっかりは、なんとも(^^)。読解力の問題ですからね。
　座標は、適当な画像ソフトで拾っていくくらいしか方法はないでしょう。
　⇒3/3 １画像内に複数リンクを設定！イメージマップの作り方 [ホームページ作成] All About ( http://allabout.co.jp/gm/gc/23823/3/ )
　Win95用ですが、WindowsXP以降でも動作します。
　⇒Client Side Image Map Editor ( http://hp.vector.co.jp/authors/VA001944/freesoft/csime.htm )

　ただ、最近ではあなたが示された http://www.pds-navi.com/ のように、ナビゲーションリストをスタイルシートで配置する方法のほうが多いようです。
　複雑な形状をトレースする場合はイメージマップになるでしょう。

　いずれにしても　HTMLは
<div class="nav">
　<ol>
　　<li><a href=""></a></li>
　　<li><a href=""></a></li>
　　<li><a href=""></a></li>
・・・のように普通にマークアップします。

スタイルシートを用いる方法は、
ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )
　において、表示⇒スタイルシート⇒画像の上に配置に配置　を選択すると。

お礼

ご回答有難う御座います。
クリッカブルマップではないのですね、勉強してみます、詳しいご説明有難う御座いました。