이 커뮤니티의 사람들이 애니메이션 요구에 오픈 레이어를 사용하는지 오랫동안 궁금합니다. 우리는 브라우저에서 애니메이션을 만드는 것이 약간 지쳐 있다는 것을 알고 있지만 맵이 애니메이션과 만나면 좋은 것이 나올 것이라고 믿습니다.
오픈 레이어와 호환되는 애니메이션을위한 좋은 웹 사이트 나 알고리즘을 알고 있습니까?
이것들은 애니메이션, 일부 코드 및 예제에 대해 내가 알고있는 것입니다. pls는 이것을 필요로하는 사람들을 위해 애니메이션에 대한 지식을 오픈 레이어와 공유합니다 ...
시간 지연으로 맵에 기능을 추가하기위한 기본 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
Google, OpenLayers 및 Bing을 포함한 온라인 맵을 SIMILE 타임 라인과 함께 사용하는 데 도움이되는 Javascript 라이브러리입니다. 라이브러리를 사용하면 JSON, KML 또는 GeoRSS에서 하나 이상의 데이터 세트를 맵과 타임 라인에 동시에로드 할 수 있습니다. 기본적으로 타임 라인의 표시 범위에있는 항목 만 맵에 표시됩니다.
자전거 공유지도
데이터는 제공자 웹 사이트에서 2-20 분마다 자동으로 업데이트됩니다. 자전거 사용은 동시 사용이며 사이클 재분배를 포함합니다. 하루 종일 실제 총 사용량이 훨씬 높을 수 있습니다. 분포 불균형-모든 스탠드가 동일한 % 꽉 차기 위해 다른 스탠드로 이동해야하는 사이클 수. 숫자가 높을수록 균형이 불균형 한 분포를 나타냅니다 (예 : 중앙에 많은 자전거가 있고 가장자리에 거의 없음). 이 웹 사이트는 중단 될 수 있습니다.
데이터 : 제공자 웹 사이트. 지도 데이터 : OS Open Data를 포함한 OpenStreetMap 기고자 호스팅 : UCL. Mapnik 및 OpenLayers에 의해 구동됩니다.
RaphaëlJS와 OpenLayers 통합.
RaphaëlJS 는 웹에서 벡터 그래픽으로 작업을 단순화해야하는 작은 JavaScript 라이브러리입니다. 예를 들어, 고유 한 차트 또는 이미지 자르기 및 회전 위젯을 작성하려는 경우이 라이브러리를 사용하여 간단하고 쉽게 작성할 수 있습니다.
OpenLayers 필터 전략
이 예 에서는 필터 전략을 사용하여 레이어로 전달되는 기능을 제한합니다. 이 레이어에 바인딩 된 기능에는 날짜 값이있는 when 속성이 있습니다. 필터 전략은 표시된 날짜 범위를 제한하는 필터 사이로 구성됩니다. 간단한 애니메이션은 업데이트 된 필터로 전략에서 setFilter를 호출하여 when 값의 도메인을 순환합니다.
