Web sayfasında birçok küçük haritayı görüntülemek için iyi bir kütüphane nedir


Yanıtlar:


8

Aslında, küçük haritalar için OpenLayers'a (ya da başka bir kütüphaneye) ihtiyacınız yoktur (örneğin üstündeki gibi). Tamamen statiktirler (kaydırma / yakınlaştırma / yakınlaştırma vb. Olmadan) ve bu nedenle, seçtiğiniz bir harita sunucusunun yanıtını gösteren basit görüntüler olabilir.


7

OpenLayers birçok statik harita için kullanılabilir; Geçmişte, basit haritalar oldukları sürece büyük bir performans cezası olmadan tek bir sayfada 200'e kadar harita oluşturdum. Birçok site, basit haritalar oluşturmak için küçük, statik OpenLayers haritaları kullanmıştır;

Bunun gibi OpenLayers kullanırken, yüklenen döşeme sayısını sınırlamak için sınırlı sayıda katman ve denetimin yanı sıra "buffer: 0" gibi seçenekler kullanmanızı öneririm. Hedefiniz, OpenLayers'ın oluşturduğu DOM öğelerinin sayısını en aza indirmek olmalıdır, çünkü bu, sayfanızın veya uygulamanızın yüklenmesi için önemli performans darboğazı olacaktır.

Tüm döşeme verilerinizi önceden önbelleğe almadığınız veya vektör verileriyle çalışmadığınız uygulamalar için, bir tür harita sunucusuna tek bir görüntü isteği kullanmak daha iyi bir seçim olabilir. Döşenmiş verilerle çalışıyorsanız veya istemci tarafından oluşturulan vektör verilerini kullanmak istiyorsanız, OpenLayers kullanım durumunu çözmek için makul bir seçenektir.


4

HTML, WMS gibi herhangi bir sunucu tarafı veya OpenLayers gibi istemci tarafı kitaplıkları olmadan basit statik haritalar oluşturmak için kullanılabilir. HMTL'nin etiket haritası ve alanı ile birlikte harita alanının raster görüntüsünü kullanın , sonuncusu 'poli' olarak ayarlanmış nitelik şekline sahiptir . Harita nesnesinin sol üst köşesine göre borderin harita koordinatlarını vermeniz gerekir. Bunun yanı sıra, aşırı veya tıklama gibi olaylar da desteklenir.

2010-09-26 01:25 CET: DÜZENLENEN HTML görüntü haritası örneği ' iCITA: Görüntü Haritası Örneği ' adresinde bulunabilir.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.