サイトのフロントページにインタラクティブな世界地図を作成する必要があります。ビューポータルは約650x200ピクセルになります。双方向性には次のものが含まれます。国にマウスを合わせると、その国が強調表示され（たとえば、国は文字通り「赤」で塗りつぶされます）、国の名前（できればdiv内のテキスト）が表示されます。また、リンクします。選択すると国を強調表示する強調表示イベント。
適切な解決策を見つけるのに苦労しています。フラッシュなどの独自技術を使用または学習することを拒否しているため、オプションではありません。openlayersとカスタムマップイメージを使用して単純なモックアップを作成しましたが、IE6では国のマーカーの読み込みが遅すぎます。
また、RaphaelJSを使おうとしたため、svgが大きすぎるように見えましたが、世界地図のデータが1.2 MBであり、サイトのフロントページにはまったく受け入れられないことに気付いたときにそれを放棄しました。
私はこれをどのように行うのか本当に途方に暮れています、私の最後の手段は手動で250以上（国はいくつもあります）のpngを作成し、画像のホットスポットにマウスオーバーイベントを適用することです...しかしこれはおそらく行き止まりにもなります。必死に解決策を探しています。役立つコメントをいただければ幸いです。
