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.
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.
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.
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.
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.
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.