Javascriptマップを作成するときのAREAタグの代替方法

Question

私はマップの非常に大きな画像を持っています。ここでは、ユーザーがクリックして地域をハイライト表示したり、地図を拡大表示する機能を備えたマップUIを作成します。

AREAタグはこの問題を解決する唯一の方法ですか？私の唯一の問題は、地図をズームインしたときに拡大され、それに含まれる画像も同じですが、ズームレベルに応じてどのようにAREA座標を拡大するのでしょうか？この問題には良いアプローチがありますか？

Answer 1

残念なことに、領域はポリゴンを表す唯一の方法です。 AREAタグから座標を読み取り、スケールして、書き戻すことができます。丸みのある重なりは、それに対処する痛みです。

代替方法の1つは、カスタムオーバーレイを可能にするBINGマップAPIを使用することです。あなたはズームレベルごとにオーバーレイを作成する必要があります。

Answer 2

Apply css to AREA MAP

私はまた、あなたのズームの問題を解決することになる、そこにSVGを示唆しています。唯一の問題は、IE8以下ではサポートされず、IE9はまだWindows Updateを通じて非ベータユーザーにプッシュされていないということです。

Answer 3

シンプルなオプション：ImageMapsterあなたはすぐにあなたのためのほとんどの画像エリア地図物を見つけます。 IE6 +、jQueryが必要です。

もっと複雑で強力なオプション：Raphael.jsを使用すると、IE6 +（Flashは必要ありません）から完全にスケーラブルなSVGベクトルグラフィックスを作成できます。急な学習曲線のビットですが、非常に強力です。