Openlayers Animasyon Örnekleri ve Algoritmalar


57

Uzun zamandır bu topluluktaki kişilerin animasyon ihtiyaçları için openlayers kullanıp kullanmadığını merak ediyorum. Tarayıcıda canlandırmanın bunun için biraz yorucu olduğunu biliyoruz, ancak bir harita animasyonla karşılaştığında, iyi şeylerin ortaya çıkacağına inanıyorum.

Openlayers ile uyumlu animasyon için bazı iyi web siteleri veya algoritmalar biliyor musunuz?

bunlar animasyon, bazı kodlar ve örnekler hakkında bildiğim şeyler. pls buna ihtiyacı olan insanlar için openlayers ile animasyon hakkındaki bilginizi paylaşın ...

Zaman gecikmeli haritaya özellikler eklemek için temel javascript kodu ..

 time = 0;
    for (var i = 0; i < 5; i++) {
        time += 1000;
        setTimeout(function(j) {
            return function() {
                console.log("var is now", j);
            }
        }(i), time);
    }

i2maps

coğrafi bir bilgi işlem ortamıdır. Mekansal-zamansal verilerden ve web odaklı görselleştirmeden bilgi keşfi için esnek bir programlama çerçevesi sağlar. Javascript kütüphanesi etkileşimli kullanıcı arayüzü oluşturmak için kullanılır ve OpenLayers'ın üzerine inşa edilmiştir.

i2map

OpenLayers Zaman Çizelgesi

OpenLayers ile zamanla ilgili bir harita oluşturmak için basit bir kütüphanedir. Küme stratejisini (OpenLayers.Strategy.Cluster) ve zaman filtrelemeyi destekler. Şu anda GeoJSON veya GeoRSS formatında kaynak verileri desteklemektedir.

timelien

Timemap.js

Google, OpenLayers ve Bing dahil çevrimiçi haritaları SIMILE zaman çizelgesiyle kullanmanıza yardımcı olan bir Javascript kitaplığıdır. Kütüphane, aynı anda hem haritaya hem de zaman çizelgesine JSON, KML veya GeoRSS'de bir veya daha fazla veri kümesi yüklemenizi sağlar. Varsayılan olarak, yalnızca zaman çizelgesinin görünür aralığındaki öğeler haritada görüntülenir.

ZamanHaritası

Bike Share Haritası

Veriler, sağlayıcının web sitesinden 2-20 dakikada bir otomatik olarak güncellenir. Bisiklet kullanımı eşzamanlı kullanımdır ve yeniden dağıtım içerir. Gün boyunca gerçek toplam kullanım çok daha yüksek olabilir. Dağılım dengesizliği - tüm standların% aynı olması için farklı bir standa taşınması gereken döngü sayısı. Daha yüksek sayılar daha dengesiz bir dağılımı gösterir, örneğin merkezde birçok bisiklet, birkaç kenarında. Bu web sitesi kesintiye tabi olabilir.

Veri: Sağlayıcı web sitesi. Harita verileri: OS Açık Veri dahil OpenStreetMap katılımcıları. Hosting: UCL. Mapnik ve OpenLayers tarafından desteklenmektedir.

bikeshare

RaphaëlJS ve OpenLayers Entegrasyonu.

RaphaëlJS , web üzerindeki vektör grafikleriyle çalışmanızı basitleştirmesi gereken küçük bir JavaScript kütüphanesidir. Örneğin, kendi özel grafiğinizi veya görüntü kırpmanızı oluşturmak ve widget'ı döndürmek istiyorsanız, örneğin bu kütüphane ile kolayca ve kolayca elde edebilirsiniz.

Raphael

OpenLayers Filtre Stratejisi

Bu örnek , bir katmana geçirilen özellikleri sınırlamak için bir filtre stratejisi kullanır. Bu katmana bağlı özellikler, tarih değerleri olan bir when niteliğine sahiptir. Gösterilen filtre aralığını sınırlayan filtre arasında bir filtre stratejisi oluşturulur. Basit bir animasyon, ne zaman değerlerin etki alanı arasında geçiş yaparak stratejiye setFilter'ı güncellenmiş bir filtre ile çağırır.

filtre


1
RaphaëlJS ve OpenLayers @Aragon bağlantısı kesildi
kinkajou

Yanıtlar:


6

GeoNode , coğrafi verilerin yönetimi ve yayınlanması için farklı açık kaynaklı projeleri (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) birleştiren bir platformdur.

Örneğin , tarihi bir perspektife sahip animasyonlu haritalar için altyapı sunan Mapstory tarafından kullanılır :

görüntü tanımını buraya girin



0

Aragon, gösterdiğiniz örnekleri gerçekten çok güzel.

OpenLayers'ı bazı animasyonlar için kullandım, ancak asıl sorun, zamanın özelliklerle modellenmesinin standart bir yolu olmadığı için yapmanın "standart bir yolu" olmaması.

Tarama verileri için, zamanın her somut anında bir katman oluşturmak ve her bir animasyon adımında hangi katmanın görünür olması gerektiğini yönetmek kolaydır.

Vektör verileri için, işler yalnızca karmaşıklığın, verilerin ve zamanın nasıl modelleneceğini değil aynı zamanda nasıl görselleştirileceğini de daha karmaşık hale getirir. Veri türüne bağlı olarak ihtiyaç duyabileceğiniz birçok efekt ve animasyon vardır.

Şerefe.


2
hmmmm, bu bir cevap mı? bir yorum gibi daha fazla geliyor. Eğer "kolay" ve "karmaşık" örnekler yayınladıysanız bu bir cevap olabilir.
Tony Gil
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.