Webページに多くの小さな地図を表示するのに適したライブラリとは

次のような視覚化をウェブ上に作成したいと思います。http： //namemapper.babynamewizard.com/namemapper/

これを行うのに適したライブラリはありますか？OpenLayersは、一度に多くのマップを処理できるほど軽量ですか？

実際、小さな地図（例の上の地図のような）にはOpenLayers（またはその他のライブラリ）は必要ありません。これらは純粋に静的であり（パン/ズームなどはありません）、選択したマップサーバーの応答を表示する単純な画像にすることができます。

OpenLayersは多くの静的マップに使用できます。以前は、単純なマップである限り、パフォーマンスを大幅に低下させることなく、1ページに最大200のマップを作成しました。多くのサイトでは、小さい静的なOpenLayersマップを使用して単純なマップを作成しています。これは、サイト上の他の多くのマップで使用するのと同じ画像タイルのセットを使用できるためです。

このようなOpenLayersを使用する場合は、限られた数のレイヤーとコントロール、および読み込まれるタイルの数を制限するための「buffer：0」などのオプションを使用することをお勧めします。あなたの目標は、OpenLayersが作成するDOM要素の数を最小限にすることです。これは、ページまたはアプリケーションのロードの主要なパフォーマンスボトルネックになるためです。

すべてのタイルデータを事前にキャッシュしていない、またはベクターデータを操作していないアプリケーションでは、何らかのマップサーバーへの単一の画像リクエストを使用するのが適切な選択です。タイルデータを使用している場合、またはクライアントによってレンダリングされたベクターデータを使用したい場合、OpenLayersはユースケースを解決するための合理的なオプションです。

HTMLを使用して、WMSのようなサーバー側の要素やOpenLayersのようなクライアント側のライブラリーなしで単純な静的マップを作成できます。マップ領域のラスターイメージを、HMTLのタグmapおよびareaと組み合わせて使用​​します。最後の1つは、属性形状が「poly」に設定されています。マップオブジェクトの左上隅を基準にして、境界線のマップ座標を指定する必要があります。さらに、onmouseoverやonclickなどのイベントがサポートされています。

• HTMLマップ（w3schools.com）
• クライアント側のイメージマップ：MAPおよびAREA要素（W3C推奨）

2010-09-26 01:25 CETで編集： HTMLイメージマップの例は、「iCITA：イメージマップの例」にあります。