Was ist eine gute Bibliothek zum Anzeigen vieler kleiner Karten auf einer Webseite?

Ich möchte eine Visualisierung im Web erstellen, die der folgenden ähnelt: http://namemapper.babynamewizard.com/namemapper/

Gibt es dafür gute Bibliotheken? Ist OpenLayers leicht genug, um viele Karten gleichzeitig zu verarbeiten?

Tatsächlich benötigen Sie keine OpenLayers - oder eine andere Bibliothek - für die kleinen Karten (wie die oben in Ihrem Beispiel). Sie sind rein statisch (kein Schwenken / Zoomen / usw.) und können daher einfache Bilder sein, die die Reaktion eines Kartenservers Ihrer Wahl anzeigen.

OpenLayers können für viele statische Karten verwendet werden. Ich habe in der Vergangenheit bis zu 200 Karten auf einer einzelnen Seite ohne großen Leistungsverlust erstellt, sofern es sich um einfache Karten handelt. Viele Websites haben kleine statische OpenLayers-Karten verwendet, um einfache Karten zu erstellen, da sie dann denselben Satz von Bildkacheln verwenden können, die sie für viele andere Karten auf ihren Websites verwenden.

Wenn Sie OpenLayers wie dieses verwenden, empfehle ich die Verwendung einer begrenzten Anzahl von Ebenen und Steuerelementen sowie von Optionen wie "buffer: 0", um die Anzahl der geladenen Kacheln zu begrenzen. Ihr Ziel sollte es sein, die Anzahl der von OpenLayers erstellten DOM-Elemente zu minimieren, da dies der größte Leistungsengpass beim Laden Ihrer Seite oder Anwendung ist.

Für Anwendungen, bei denen Sie nicht alle Kacheldaten vorab zwischenspeichern oder nicht mit Vektordaten arbeiten, ist die Verwendung einer einzelnen Bildanforderung an einen Kartenserver möglicherweise die bessere Wahl. Wenn Sie mit gekachelten Daten arbeiten oder vom Client gerenderte Vektordaten verwenden möchten, ist OpenLayers eine sinnvolle Option, um den Anwendungsfall zu lösen.

HTML kann verwendet werden, um einfache statische Karten ohne serverseitige Inhalte wie WMS oder clientseitige Bibliotheken wie OpenLayers zu erstellen. Verwenden Sie ein Rasterbild des Kartenbereichs in Kombination mit den Tags des HMTL Karte und Gebiet , das letzte mit dem Attribut Form Set zu ‚Poly‘. Sie müssten die Kartenkoordinaten des Rahmens relativ zur oberen linken Ecke des Kartenobjekts angeben. Außerdem werden Ereignisse wie onmouseover oder onclick unterstützt.

• HTML-Karte (w3schools.com)
• Clientseitige Imagemaps: die Elemente MAP und AREA (W3C-Empfehlung)

BEARBEITET AM 2010-09-26 01:25 CET: Ein Beispiel für eine HTML-Image-Map finden Sie unter ' iCITA: Image-Map-Beispiel '