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

Jawaban:

8

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.

underdark
sumber
7

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.

Christopher Schmidt
sumber
4

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.

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

dariapra
sumber