Apa perpustakaan yang baik untuk menampilkan banyak peta kecil di halaman web

Saya ingin membuat visualisasi di web yang serupa dengan yang berikut: http://namemapper.babynamewizard.com/namemapper/

Apakah ada perpustakaan yang bagus untuk melakukan ini? Apakah OpenLayers cukup ringan untuk menangani banyak peta sekaligus?

Sebenarnya, Anda tidak perlu OpenLayers - atau perpustakaan lain - untuk peta kecil (seperti yang ada di atas contoh Anda). Mereka murni statis (tanpa panning / zooming / dll) dan dengan demikian dapat berupa gambar sederhana yang menampilkan respons dari server peta pilihan Anda.

OpenLayers dapat digunakan untuk banyak peta statis; Sebelumnya saya telah membuat hingga 200 peta pada satu halaman tanpa penalti performa yang besar, asalkan itu peta sederhana. Banyak situs menggunakan peta OpenLayers kecil dan statis untuk membuat peta sederhana, karena mereka dapat menggunakan kumpulan ubin gambar yang sama dengan yang mereka gunakan untuk banyak peta lain di situs mereka.

Saat menggunakan OpenLayers seperti ini, saya sarankan menggunakan sejumlah lapisan dan kontrol, serta opsi seperti "buffer: 0" untuk membatasi jumlah ubin yang dimuat. Tujuan Anda harus meminimalkan jumlah elemen DOM yang dibuat OpenLayers, karena itu akan menjadi hambatan kinerja utama untuk memuat halaman atau aplikasi Anda.

Untuk aplikasi di mana Anda tidak melakukan pra-cache semua data ubin Anda, atau tidak bekerja dengan data vektor, menggunakan permintaan gambar tunggal ke server peta dari beberapa jenis mungkin merupakan pilihan yang lebih baik. Jika Anda bekerja dengan data ubin, atau ingin menggunakan data vektor yang dibuat oleh klien, OpenLayers adalah opsi yang masuk akal untuk menyelesaikan kasus penggunaan.

HTML dapat digunakan untuk membuat peta statis sederhana tanpa hal-hal sisi server seperti WMS atau pustaka sisi klien seperti OpenLayers. Gunakan gambar raster dari area peta dalam kombinasi dengan tag yang HMTL ini peta dan daerah , yang terakhir dengan atribut bentuk set untuk 'poly'. Anda harus memberikan koordinat peta batas relatif ke atas, sudut kiri objek peta. Selain itu, acara seperti onmouseover atau onclick didukung.

• Peta HTML (w3schools.com)
• Peta gambar sisi klien: elemen MAP dan AREA (Rekomendasi W3C)

EDITED PADA 2010-09-26 01:25 CET: Contoh peta gambar HTML dapat ditemukan di ' iCITA: Contoh Peta Gambar '