Contoh dan Algoritma Animasi Openlayers


57

Saya ingin tahu untuk waktu yang lama jika orang-orang di komunitas ini menggunakan openlayers untuk kebutuhan animasi. kita tahu ini bahwa menjiwai di browser sedikit melelahkan untuk itu tetapi ketika peta bertemu dengan animasi, saya percaya bahwa hal-hal baik akan keluar.

Apakah Anda tahu beberapa situs web atau algoritma yang bagus untuk animasi yang kompatibel dengan openlayers?

ini yang saya tahu tentang animasi, beberapa kode dan contoh. tolong bagikan pengetahuan Anda tentang animasi dengan pembuka untuk orang-orang yang membutuhkan ini ...

Kode javascript dasar untuk menambahkan fitur pada peta dengan jeda waktu ..

 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

adalah lingkungan geocomputing. Ini menyediakan kerangka kerja pemrograman yang fleksibel untuk penemuan pengetahuan dari data spatio-temporal dan visualisasi yang berorientasi web. Pustaka Javascript digunakan untuk membangun antarmuka pengguna interaktif, dan dibangun di atas OpenLayers.

i2map

Timeline OpenLayers

adalah pustaka sederhana untuk membuat peta terkait waktu dengan OpenLayers. Ini mendukung strategi cluster (OpenLayers.Strategy.Cluster) dan penyaringan waktu. Saat ini mendukung data sumber dalam format GeoJSON atau GeoRSS.

timelien

Timemap.js

adalah perpustakaan Javascript untuk membantu menggunakan peta online, termasuk Google, OpenLayers, dan Bing, dengan timeline SIMILE. Perpustakaan memungkinkan Anda untuk memuat satu atau lebih kumpulan data dalam JSON, KML, atau GeoRSS ke peta dan timeline secara bersamaan. Secara default, hanya item dalam rentang garis waktu yang terlihat yang ditampilkan di peta.

timemap

Peta Berbagi Sepeda

Data diperbarui secara otomatis setiap 2-20 menit dari situs web penyedia. Penggunaan sepeda adalah penggunaan simultan dan termasuk redistribusi siklus. Penggunaan total aktual sepanjang hari mungkin jauh lebih tinggi. Ketidakseimbangan distribusi - jumlah siklus yang perlu dipindahkan ke tegakan yang berbeda, agar semua tegakan menjadi% penuh yang sama. Angka yang lebih tinggi menunjukkan distribusi yang lebih tidak seimbang, misalnya banyak sepeda di tengah, sedikit di tepi. Situs web ini dapat terganggu.

Data: Situs web penyedia. Data peta: kontributor OpenStreetMap, termasuk OS Open Data. Hosting: UCL. Didukung oleh Mapnik dan OpenLayers.

bikeshare

RaphaëlJS dan OpenLayers Integration.

RaphaëlJS adalah pustaka JavaScript kecil yang seharusnya menyederhanakan pekerjaan Anda dengan grafik vektor di web. Misalnya, jika Anda ingin membuat bagan atau widget tanaman dan rotasi gambar tertentu, Anda dapat mencapainya dengan mudah dan mudah dengan perpustakaan ini.

raphael

Strategi Filter OpenLayers

Contoh ini menggunakan strategi filter untuk membatasi fitur yang dilewatkan ke layer. Fitur terikat untuk lapisan ini memiliki atribut kapan dengan nilai tanggal. Strategi filter dibangun dengan filter antara yang membatasi rentang tanggal yang ditampilkan. Animasi sederhana berputar melalui domain saat nilai, memanggil setFilter pada strategi dengan filter yang diperbarui.

Saring


1
RaphaëlJS dan OpenLayers @Aragon link broken
kinkajou

Jawaban:


6

GeoNode adalah platform yang menggabungkan berbagai proyek sumber terbuka (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) untuk pengelolaan dan publikasi data geospasial.

Misalnya digunakan oleh Mapstory yang menawarkan infrastruktur untuk peta animasi dengan perspektif bersejarah:

masukkan deskripsi gambar di sini



0

Aragon, contoh yang Anda tunjukkan sangat bagus.

Saya telah menggunakan OpenLayers untuk beberapa animasi, tetapi masalah utamanya adalah tidak ada "cara standar" untuk melakukannya karena tidak ada cara standar untuk memodelkan waktu dengan fitur.

Untuk data raster, mudah untuk membuat layer untuk setiap instan waktu konkret dan mengatur layer mana yang harus terlihat pada setiap langkah animasi.

Untuk data vektor, hal-hal yang lebih rumit, tidak hanya bagaimana memodelkan fitur, data, dan waktu tetapi juga bagaimana memvisualisasikannya. Ada banyak efek dan animasi yang dapat Anda butuhkan tergantung pada jenis data.

Tepuk tangan.


2
hmmmm, apakah ini jawaban? terdengar lebih seperti komentar. itu bisa menjadi jawaban jika Anda menerbitkan contoh "mudah" dan "rumit".
tony gil
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.