мені давно цікаво, чи люди в цій спільноті використовують відкриті шари для потреб анімації. ми знаємо це, що анімація в браузері трохи виснажлива для цього, але коли карта зустрічається з анімацією, я вірю, що хороші речі вийдуть.
Чи знаєте ви кілька хороших веб-сайтів чи алгоритмів для анімації, сумісних із відкритими шарами?
це те, що я знаю про анімацію, деякі коди та приклади. будь ласка, поділіться своїми знаннями про анімацію з відкритими людьми для людей, яким це потрібно ...
Основний код JavaScript для додавання функцій на карті із затримкою в часі ..
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
є геокомп'ютерним середовищем. Він забезпечує гнучку рамку програмування для виявлення знань з просторово-часових даних та веб-орієнтованої візуалізації. Бібліотека Javascript використовується для побудови інтерактивного інтерфейсу користувача та побудована на версії OpenLayers.
Часова шкала OpenLayers
це проста бібліотека для створення карти, пов’язаної з часом, з OpenLayers. Він підтримує кластерну стратегію (OpenLayers.Strategy.Cluster) та фільтрацію часу. В даний час він підтримує вихідні дані у форматі GeoJSON або GeoRSS.
Timemap.js
- це бібліотека Javascript, яка допомагає використовувати онлайн-карти, включаючи Google, OpenLayers та Bing, з графіком SIMILE. Бібліотека дозволяє завантажувати один або кілька наборів даних у JSON, KML або GeoRSS як на карту, так і на часову шкалу одночасно. За замовчуванням на карті відображаються лише елементи з видимого діапазону часової шкали.
Карта спільного використання велосипедів
Дані оновлюються автоматично кожні 2-20 хвилин із веб-сайту постачальника. Використання велосипеда - це одночасне використання і включає перерозподіл циклу. Фактичне загальне використання протягом дня може бути набагато вище. Дисбаланс розподілу - кількість циклів, які потрібно перенести на іншу підставку, щоб усі стендів було однаково% заповненим. Більше число вказує на більш незбалансований розподіл, наприклад, багато велосипедів у центрі, мало на краю. Цей веб-сайт може бути перерваний.
Дані: веб-сайт постачальника. Дані на карті: вкладники OpenStreetMap, включаючи ОС Open Data. Хостинг: UCL. Працює на Mapnik та OpenLayers.
Інтеграція RaphaëlJS та OpenLayers .
RaphaëlJS - це невелика бібліотека JavaScript, яка повинна спростити вашу роботу з векторною графікою в Інтернеті. Наприклад, якщо ви хочете створити власний відрізок діаграми чи обрізання та обертання зображення, ви можете досягти цього просто та легко за допомогою цієї бібліотеки.
Стратегія фільтрування OpenLayers
У цьому прикладі використовується стратегія фільтра для обмеження функцій, які передаються шару. Особливості, пов'язані для цього шару, мають атрибут if зі значеннями дати. Стратегія фільтрування побудована між фільтром, який обмежує проміжок часу, що відображається. Проста анімація цикли через область значень коли, викликаючи setFilter за стратегією з оновленим фільтром.
