jquery - jQuery を使用して動的 - インタラクティブなイメージ マップを作成するにはどうすればよいですか?

Question

.Net フレームワークを使用して ASP.NET MVC で構築していますが、動的でインタラクティブな Web 2.0 スタイルのイメージ マップを作成するにはどうすればよいですか? たとえば、世界地図で国にカーソルを合わせると、選択した国が強調表示され、ツール ヒントにさまざまな情報が表示されます。その国をクリックすると、その国の詳細ページに移動します。

Answer 1

私はそのようなプラグイン jVectorMap に取り組んでいます。jvectormap.owl-hollow.netで確認できます。

Answer 2

以下の私の答えは、jQuery を使用するのではなく、フラッシュ ベースのマップを使用することです。

私の最後のプロジェクトでは、クライアントの要件の 1 つは世界地図を表示することでした。その国にマウスを合わせると、ジョブ広告情報の数が表示されます。いくつかの map ソリューションを試した後、ammapを使用することに同意しました。

ammapは静かで使いやすく、カスタマイズされています。ライセンス キーがない場合は、ammap Web サイトへのリンクが表示されます。エリアごとに好きな文字を入れることができます。エリアはあらかじめ決められた国にすることも、新しいフィクションの島と国を作成するなど、定義することもできます。マップは、ヒートマップを使用して色付けしたり、大陸から国にドリルダウンしたりできます。ドキュメンテーションはほぼすべての構成の可能性をカバーしており、含まれている例からトリックを学ぶこともできます。

Answer 3

jqueryのmaphilightはあなたのニーズに完全に合っていると思います：

http://plugins.jquery.com/project/maphilight

自分で追加する必要がある便利なツールチップですが、そのために利用できるプラグインは他にもたくさんあります。