Интересно, долго ли люди в этом сообществе используют openlayers для анимации? мы знаем, что анимация в браузере немного утомительна, но когда карта встречается с анимацией, я верю, что хорошие вещи будут отсутствовать.
Знаете ли вы хорошие веб-сайты или алгоритмы для анимации, совместимые с openlayers?
это то, что я знаю об анимации, некоторые коды и примеры. Пожалуйста, поделитесь своими знаниями об анимации с openlayers для людей, которые нуждаются в этом ...
Основной код 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, включая OS Open Data. Хостинг: UCL. Работает на Mapnik и OpenLayers.
RaphaëlJS и OpenLayers Интеграция.
RaphaëlJS - это небольшая библиотека JavaScript, которая должна упростить вашу работу с векторной графикой в Интернете. Например, если вы хотите создать собственный график или виджет обрезки и поворота изображения, вы можете легко и просто добиться этого с помощью этой библиотеки.
Стратегия фильтра OpenLayers
В этом примере используется стратегия фильтра для ограничения объектов, которые передаются на уровень. Объекты, привязанные к этому слою, имеют атрибут when со значениями даты. Стратегия фильтра состоит из промежуточного фильтра, который ограничивает диапазон отображаемых дат. Простая анимация циклически проходит через область значений when, вызывая setFilter для стратегии с обновленным фильтром.
