¿Qué es una buena biblioteca para mostrar muchos mapas pequeños en una página web?

Me gustaría crear una visualización en la web similar a la siguiente: http://namemapper.babynamewizard.com/namemapper/

¿Hay alguna buena biblioteca para hacer esto? ¿Es OpenLayers lo suficientemente ligero como para manejar muchos mapas a la vez?

En realidad, no necesita OpenLayers, ni ninguna otra biblioteca, para los mapas pequeños (como los que se encuentran en la parte superior de su ejemplo). Son puramente estáticos (sin desplazamiento / zoom / etc) y, por lo tanto, pueden ser imágenes simples que muestran la respuesta de un servidor de mapas de su elección.

OpenLayers se puede usar para muchos mapas estáticos; En el pasado, he creado hasta 200 mapas en una sola página sin una gran penalización de rendimiento, siempre que sean mapas simples. Muchos sitios han usado mapas OpenLayers pequeños y estáticos para crear mapas simples, porque luego pueden usar el mismo conjunto de mosaicos de imágenes que usan para muchos otros mapas en sus sitios.

Cuando use OpenLayers como este, le recomiendo usar un número limitado de capas y controles, así como opciones como "buffer: 0" para limitar el número de mosaicos cargados. Su objetivo debe ser minimizar la cantidad de elementos DOM que crea OpenLayers, ya que ese será el principal cuello de botella de rendimiento para la carga de su página o aplicación.

Para las aplicaciones en las que no está almacenando previamente en caché todos sus datos de mosaico, o no está trabajando con datos vectoriales, puede ser una mejor opción usar una sola solicitud de imagen a un servidor de mapas de algún tipo. Si está trabajando con datos en mosaico, o desea utilizar datos vectoriales representados por el cliente, OpenLayers es una opción razonable para resolver el caso de uso.

HTML se puede usar para crear mapas estáticos simples sin ningún elemento del lado del servidor como un WMS o bibliotecas del lado del cliente como OpenLayers. Use una imagen ráster del área del mapa en combinación con el mapa y el área de etiquetas de HMTL , la última con la forma del atributo establecida en 'poli'. Tendría que dar las coordenadas del mapa del borde en relación con la esquina superior izquierda del objeto del mapa. Además, se admiten eventos como onmouseover o onclick .

• Mapa HTML (w3schools.com)
• Mapas de imágenes del lado del cliente: los elementos MAP y AREA (Recomendación W3C)

EDITADO EL 26-09-2010 01:25 CET: Un ejemplo de mapa de imagen HTML se puede encontrar en ' iCITA: Ejemplo de mapa de imagen '