Tôi tự hỏi trong một thời gian dài nếu mọi người trong cộng đồng này sử dụng openlayers cho nhu cầu hoạt hình. chúng ta đã biết rằng hoạt hình trên trình duyệt hơi mệt mỏi với nó nhưng khi một bản đồ gặp hoạt hình, tôi tin rằng những điều tốt đẹp sẽ xuất hiện.
Bạn có biết một số trang web hoặc thuật toán tốt cho hoạt hình tương thích với openlayers không?
đây là những gì tôi biết về hoạt hình, một số mã và ví dụ. vui lòng chia sẻ kiến thức của bạn về hoạt hình với openlayers cho những người cần điều này ...
Mã javascript cơ bản để thêm các tính năng trên bản đồ với thời gian trễ ..
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
là một môi trường máy tính địa lý. Nó cung cấp một khung lập trình linh hoạt để khám phá kiến thức từ dữ liệu không gian và hình ảnh trực quan theo định hướng web. Thư viện Javascript được sử dụng để xây dựng giao diện người dùng tương tác và được xây dựng dựa trên OpenLayers.
Mốc thời gian của OpenLayers
là một thư viện đơn giản để tạo bản đồ liên quan đến thời gian với OpenLayers. Nó hỗ trợ chiến lược cụm (OpenLayers.Strargety.Cluster) và lọc thời gian. Hiện tại nó hỗ trợ dữ liệu nguồn ở định dạng GeoJSON hoặc GeoRSS.
Timemap.js
là một thư viện Javascript để giúp sử dụng các bản đồ trực tuyến, bao gồm Google, OpenLayers và Bing, với dòng thời gian SIMILE. Thư viện cho phép bạn tải một hoặc nhiều bộ dữ liệu trong JSON, KML hoặc GeoRSS lên cả bản đồ và dòng thời gian. Theo mặc định, chỉ các mục trong phạm vi hiển thị của dòng thời gian được hiển thị trên bản đồ.
Bản đồ chia sẻ xe đạp
Dữ liệu được cập nhật tự động cứ sau 2-20 phút từ trang web của nhà cung cấp. Sử dụng xe đạp là sử dụng đồng thời và bao gồm phân phối lại chu kỳ. Tổng số sử dụng thực tế trong ngày có thể cao hơn nhiều. Mất cân bằng phân phối - số chu kỳ cần được chuyển sang một giá đỡ khác, để tất cả các giá trị đều giống nhau%. Con số cao hơn cho thấy sự phân phối không cân bằng hơn, ví dụ như nhiều xe đạp ở trung tâm, một số ít ở rìa. Trang web này có thể bị gián đoạn.
Dữ liệu: Trang web của nhà cung cấp. Dữ liệu bản đồ: Người đóng góp OpenStreetMap, bao gồm cả Dữ liệu mở của hệ điều hành. Lưu trữ: UCL. Được cung cấp bởi Mapnik và OpenLayers.
Tích hợp RaphaëlJS và OpenLayers .
RaphaëlJS là một thư viện JavaScript nhỏ nên đơn giản hóa công việc của bạn với đồ họa vector trên web. Ví dụ, nếu bạn muốn tạo biểu đồ cụ thể hoặc cắt ảnh và xoay widget, bạn có thể đạt được nó một cách đơn giản và dễ dàng với thư viện này.
Chiến lược lọc OpenLayers
Ví dụ này sử dụng chiến lược bộ lọc để giới hạn các tính năng được truyền cho một lớp. Các tính năng bị ràng buộc cho lớp này có thuộc tính khi có giá trị ngày. Chiến lược bộ lọc được xây dựng với một bộ lọc giữa giới hạn khoảng thời gian được hiển thị. Một hình ảnh động đơn giản chuyển qua miền của các giá trị khi, gọi setFilter trên chiến lược với bộ lọc được cập nhật.
